أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

ستايلات Styles

مشاكل وحلول الاستايلات

كيف استبدل الازرار بصور

: موضوع مغلق

: كيف استبدل الازرار بصور

05-08-2011 08:02 مساءً

سماء

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته،،
كيف استبدل الازرار (اضافه رد - موضوع جديد -مغلق - اقتباس ..الخ ) وغيرها
واضع مكانها صور ؟؟؟

: كيف استبدل الازرار بصور

06-08-2011 01:28 صباحاً [1]

omar

محولتش اعملها بصراحه بس ممكن تغير الخلفيه بتاعت الزراير بصوره من كلاس الزراير فى ملف css

: كيف استبدل الازرار بصور

06-08-2011 01:58 صباحاً [2]

نجم الويب

اذا كانت عندك معرفة بالتعامل مع الملف الاستايل style.css

ازرار اضافة الرد والموضوع :

CODE

#buttons_link

زر الموضوع المغلق :

CODE

#buttons_close

قم بإستبدال الاكواد التي فيه الى :

CODE

    background-image: url(images/icon.gif);

مع تغيير icon.gif الى اسم الصورة التي تريدها وتكون في مللف images

: كيف استبدل الازرار بصور

06-08-2011 04:48 مساءً [3]

سماء

شكرا جزيلا لكما خبرتي قليله بـ css
هذا كود الموضوع المغلق

CODE

 

#buttons_close 
{ 
color: #AA1F2F; 
font-family: Tahoma; 
font-size: 11px; 
background: #AAE3A3; 
display: block; 
padding: 6px 8px 6px 8px; 
border:1px; 
text-shadow: 0px 1px 1px rgba(0,0,0,0.5); 
solid #7ba60d; 
border-top-left-radius: 3px; 
border-top-right-radius: 3px; 
border-bottom-right-radius: 3px; 
border-bottom-left-radius: 3px; 
-webkit-box-shadow:inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4); 
-moz-box-shadow:inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4); 
box-shadow:inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4); 
text-shadow:0px 1px 2px rgba(0,0,0,0.3); 
} 
#buttons_close a 
{

حاولت استبدال الـ background بالكود الذي وضعته فظهرت الكتابه فوق الصور
وجربت الكود كذا مرة اعدل واستبدل نفس الحال الخط ما يتحرك

: كيف استبدل الازرار بصور

06-08-2011 09:18 مساءً [4]

isma3eliano

أخي أدخل علي القالب الخاص بكل زر من الأزرار و عدله
مثال : add_subject_link.tpl
قالب زر إضافة موضوع

CODE


{if {$SectionGroup[&#39;write_subject&#39;]} == &#39;1&#39;}
<ul class="pbbList_inline">
<li class="r-right">
<a href="index.php?page=new_topic&amp;index=1&amp;id={$section_id}{$password}" id="buttons_link"
title="{$lang[&#39;add_new_topic&#39;]}">
{$lang[&#39;add_new_topic&#39;]}
</a>
</li>
</ul>
{else}
<ul class="pbbList_inline">
<li class="r-right">
<div class="buttons_no_link">
{$lang[&#39;you_cannot_start_a_new_topic&#39;]}
</div>
</li>
</ul>
{/if}

ضع مكانه هذا

CODE



{if {$SectionGroup[&#39;write_subject&#39;]} == &#39;1&#39;}
<ul class="pbbList_inline">
<li class="r-right">
<a href="index.php?page=new_topic&amp;index=1&amp;id={$section_id}{$password}" id="buttons_link"
title="{$lang[&#39;add_new_topic&#39;]}">

</a>
</li>
</ul>
{else}
<ul class="pbbList_inline">
<li class="r-right">
<div class="buttons_no_link">

</div>
</li>
</ul>
{/if}

و القوالب تعرفها من هنا
شرح معظم قوالب النسخة بالصور

: كيف استبدل الازرار بصور

18-08-2011 04:03 مساءً [5]

سماء

اخي الطريقة الثانية لا تضبط يظهر لي خلل ويختفي قالب القسم

: 100.gif تحميل gif مرات التحميل :(2)
الحجم :(3.518) KB

100.gif تحميل gif مرات التحميل :(1)
الحجم :(3.518) KB