توافق التومبيلات

دلوقتى انا عايزه اعمل زي الى ف الموضوع ده

https://help.ahlamontada.com/t1074307-topic

لما ببحث عن الكود فى التومبيلات مش بلاقيه والمنتدى نسخة Pubbb
ولما بشوفه ف منتدى تانى لدي النسخة الثانية بلاقى الكود عادى ؟  

عايزه اعرف ايه الكود اللى يوافق الكود ده ف نسخة ال punbb

شكراً    

اتفضلي اختي الغالية

هدا و الكود

الكود:

                    <div id="pun-head">
                        <div id="pun-navlinks">
                            <ul class="clearfix">
                                <li>{GENERATED_NAV_BAR}</li>
                            </ul>
                        </div>
                    </div>

Yassine Bablil كتب:اتفضلي اختي الغالية

هدا و الكود

الكود:

                    <div id="pun-head">
                        <div id="pun-navlinks">
                            <ul class="clearfix">
                                <li>{GENERATED_NAV_BAR}</li>
                            </ul>
                        </div>
                    </div>

شكرا اختى

بس ممكن توفقى باقى الاكواد مع نسخة المنتدى لانها ما ظبتت
ودى الاكواد
https://help.ahlamontada.com/t1074307-topic

توجهي الى قالب : overall_heade

ابحثي عن

الكود:


                            <ul class="clearfix">
                                <li>{GENERATED_NAV_BAR}</li>
                            </ul>

استبدليها بالكود التالي

الكود:

         <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>{GENERATED_NAV_BAR}</li>
         </ul>

ضعي الكود التالي في ورقة تصميم Css

الكود:

 a.mainmenu {  color:#FFF;  font-size:11px;  text-shadow:1px 1px 2px #000;  -webkit-transition:400ms;  -moz-transition:400ms;  -o-transition:400ms;  transition:400ms;}a.mainmenu:hover {  color:#C5DE39;  font-size:13px;  text-shadow:1px 1px 10px #C5DE39;}                       ul.navlinks {            background: url('http://2img.net/i/fa/fdf3/bg_cat.png') repeat-x #1675BC;            border-radius: 0 0 7px 7px;            -moz-border-radius: 0 0 7px 7px;            -o-border-radius: 0 0 7px 7px;            -webkit-border-radius: 0 0 7px 7px;            border-top: 1px solid white;            bottom: 9px;            position: relative;            text-align: center;            height: 40px;        }                     .new-message {              color:#F85 !important;              font-weight:bold;            }

تم توجهي الى عناصر اضافية / إدارة أكواد Javascript

انشئي كود جديد ضعي بالمحتوى التالي

الكود:

        $(function() {
              var pm = document.getElementById('i_icon_mini_new_message');
              if (pm) pm.parentNode.className += ' new-message';
            });


وقومي بتحديده على جميع الصفحات

Yassine Bablil كتب:توجهي الى قالب : overall_heade

ابحثي عن

الكود:


                            <ul class="clearfix">
                                <li>{GENERATED_NAV_BAR}</li>
                            </ul>

استبدليها بالكود التالي

الكود:

         <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
         <li>{GENERATED_NAV_BAR}</li>
         </ul>

ضعي الكود التالي في ورقة تصميم Css

الكود:

 a.mainmenu {  color:#FFF;  font-size:11px;  text-shadow:1px 1px 2px #000;  -webkit-transition:400ms;  -moz-transition:400ms;  -o-transition:400ms;  transition:400ms;}a.mainmenu:hover {  color:#C5DE39;  font-size:13px;  text-shadow:1px 1px 10px #C5DE39;}                       ul.navlinks {            background: url('http://2img.net/i/fa/fdf3/bg_cat.png') repeat-x #1675BC;            border-radius: 0 0 7px 7px;            -moz-border-radius: 0 0 7px 7px;            -o-border-radius: 0 0 7px 7px;            -webkit-border-radius: 0 0 7px 7px;            border-top: 1px solid white;            bottom: 9px;            position: relative;            text-align: center;            height: 40px;        }                     .new-message {              color:#F85 !important;              font-weight:bold;            }

تم توجهي الى عناصر اضافية /   إدارة أكواد Javascript

انشئي كود جديد ضعي بالمحتوى التالي

الكود:

        $(function() {
              var pm = document.getElementById('i_icon_mini_new_message');
              if (pm) pm.parentNode.className += ' new-message';
            });


وقومي بتحديده على جميع الصفحات

والله مش عارفه اقولك ايه

بس هناك مشكلتين
ألكلام مش بيتعمل عليه ZOOM لما بضع الموس عليه
والكلام صغير وبلون تانى فيه كود ممكن يكبره شوية ويخيلى لون الكتابة بيضاء !

ودى صورة

جربي هذا الكود

الكود:

ul.navlinks a.mainmenu {
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  color: white;
  font-size: 15px;
  outline: none;
  text-shadow: 1px 1px 2px black;
  
}
 
ul.navlinks a.mainmenu:hover {
 text-shadow: 1px 1px 10px;
 font-size: 16px;
  font-weight: bold;
  color: #FFFF71;
}
 
ul.navlinks {
    background: url('http://2img.net/i/fa/fdf3/bg_cat.png') repeat-x #1675BC;
    border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    border-top: 1px solid white;
    bottom: 9px;
    position: relative;
    text-align: center;
    height: 40px;
}
 
ul.navlinks span.new-message {
    transform:rotate(-4deg);
    -ms-transform:rotate(-4deg);
    -moz-transform:rotate(-4deg);
    -webkit-transform:rotate(-4deg);
    -o-transform:rotate(-4deg);
    background: url("http://2img.net/i/fa/email.gif") no-repeat scroll right top transparent;
    color: #FFCC00;
    padding-right: 2em;
}
 
#pun-navlinks ul {
    list-style: none;
    text-align: center;
}

رامي كاتي كتب:جربي هذا الكود

الكود:

ul.navlinks a.mainmenu {
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  color: white;
  font-size: 15px;
  outline: none;
  text-shadow: 1px 1px 2px black;
  
}
 
ul.navlinks a.mainmenu:hover {
 text-shadow: 1px 1px 10px;
 font-size: 16px;
  font-weight: bold;
  color: #FFFF71;
}
 
ul.navlinks {
    background: url('http://2img.net/i/fa/fdf3/bg_cat.png') repeat-x #1675BC;
    border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    border-top: 1px solid white;
    bottom: 9px;
    position: relative;
    text-align: center;
    height: 40px;
}
 
ul.navlinks span.new-message {
    transform:rotate(-4deg);
    -ms-transform:rotate(-4deg);
    -moz-transform:rotate(-4deg);
    -webkit-transform:rotate(-4deg);
    -o-transform:rotate(-4deg);
    background: url("http://2img.net/i/fa/email.gif") no-repeat scroll right top transparent;
    color: #FFCC00;
    padding-right: 2em;
}
 
#pun-navlinks ul {
    list-style: none;
    text-align: center;
}

تمام اخى شكرا لك

الكود يعمل بشكل جيد ولكن انا اريد لون الازار ابيض وليس هذا اللون الذي يظهر ف الصورة قبل تمرير مؤشر الماوس
والمشكلة التانية صورة الرسالة لم تظهر عند وجود رسالة جديدة

ممكن رابط المنتدى عشان اشوف

رامي كاتي كتب:ممكن رابط المنتدى عشان اشوف

اضغط هنا

ضعي هذا الكود في السي اس اس
لتولين رساله جديده

الكود:

.new-message {              color:#F85 !important;              font-weight:bold;            }

وهذا في الجفا

الكود:

$(function() {
      var pm = document.getElementById('i_icon_mini_new_message');
      if (pm) pm.parentNode.className += ' new-message';
    });

باالنسبه للون الازرار قبل مرور الماوس
يمكن عندك اكواد تعطله

شوفي انا ركبته على منتدى تجريبي واشتغل تمام
هنا تجريبي http://retsu.digimon.tv/

رامي كاتي كتب:ضعي هذا الكود في السي اس اس
لتولين رساله جديده

الكود:

.new-message {              color:#F85 !important;              font-weight:bold;            }

وهذا في الجفا

الكود:

$(function() {
      var pm = document.getElementById('i_icon_mini_new_message');
      if (pm) pm.parentNode.className += ' new-message';
    });

باالنسبه للون الازرار قبل مرور الماوس
يمكن عندك اكواد تعطله

شوفي انا ركبته على منتدى تجريبي واشتغل تمام
هنا تجريبي http://retsu.digimon.tv/

تمام شكرا لك هحاول اشوف اكواد ال CSS الاخري
طيب اخر طلب
انا عايزه الازار تنزل لتحت شوية يعنى تبقي فى منتصف من مزاحه للاعلي فاهمني !

جربي هذا الكودcss
تم التعديل

الكود:

#pun-navlinks ul {
    font-size: 44px;
    list-style: none;
    text-align: center;
}
ul.navlinks a.mainmenu {
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    color: #fff;
    font-size: 20px;
    outline: none;
    text-shadow: 1px 1px 2px #000;
    transition-duration: 500ms;
}

رامي كاتي كتب:جربي هذا الكودcss
تم التعديل

الكود:

#pun-navlinks ul {
    font-size: 44px;
    list-style: none;
    text-align: center;
}
ul.navlinks a.mainmenu {
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    color: #fff;
    font-size: 20px;
    outline: none;
    text-shadow: 1px 1px 2px #000;
    transition-duration: 500ms;
}

للاسف لم يعمل

شوفي عطيني كل اكواد السي اس اس
وانا اعدلها
شوفي المنتدى التجريبي http://retsu.digimon.tv/
اشتغلت عنده

رامي كاتي كتب:شوفي عطيني كل اكواد السي اس اس
وانا اعدلها
شوفي المنتدى التجريبي http://retsu.digimon.tv/
اشتغلت عنده

الكود:

a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline !important;
}
#pun-title {
padding: 0;
min-width: 320px;
width: 100%;
}
#pun-title h1,  #pun-title {
font-size: 28px;
display: inline;
}
p#pun-desc {
color: #666;
font-size: 16px;
display: inline;
padding: 0 5px;
}
#pun-head, #pun-intro {
left: 0;
right: 0;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
overflow: hidden;
}
#pun-intro {
top: 0;
height: 180px !important;
z-index: 21;
padding: 0 10px;
line-height: 65px;
}
#pun-head {
top: 65px;
height: 35px;
line-height: 24px;
z-index: 20;
}
#page-body {
margin-top: 50px;
}
#pun-head #pun-navlinks {
padding: 0;
line-height: 37px;
}
#pun-head #pun-navlinks a {
color: #ffffff !important;
opacity: 0.5;
margin: 0px 0px 0px 10px;
font-size: 14px;
}
#pun-head #pun-navlinks a:hover {
opacity: 1;
}
.pun {
min-width: 320px;
padding: 0;
}
body {
overflow-x: hidden;
}
#content-container div#right {
position: fixed;
right: -234px;
width: 240px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
background: #ffffff;
}
#content-container div#right:hover {
right: 0;
}
#content-container div#container {
margin-right: 0;
}
#content-container div#content {
margin-right: 0;
}

هذا بدون كود الازرار

صراحه كثير من الاكواد الي موجوده عندك تسبب خلل

شوفي انتي احذفي كل الاكواد الموجوده بالcss حتى كود الازرار
واحتفضي فيها   بجهازك

ثم ضعي الكود التالي بال css

الكود:

body {
overflow-x: hidden;
}
#content-container div#right {
position: fixed;
right: -234px;
width: 240px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
background: #ffffff;
}
#content-container div#right:hover {
right: 0;
}
#content-container div#container {
margin-right: 0;
}
#content-container div#content {
margin-right: 0;
}
ul.navlinks a.mainmenu {
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  color: white;
  font-size: 15px;
  outline: none;
  text-shadow: 1px 1px 2px black;
  
}
 
ul.navlinks a.mainmenu:hover {
 text-shadow: 1px 1px 10px;
 font-size: 16px;
  font-weight: bold;
  color: #FFFF71;
}
 
ul.navlinks {
    background: url('http://2img.net/i/fa/fdf3/bg_cat.png') repeat-x #1675BC;
    border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    border-top: 1px solid white;
    bottom: 9px;
    position: relative;
    text-align: center;
    height: 40px;
}
 
.new-message {    
  color:#F85 !important;    
  font-weight:bold;    
}
 
#pun-navlinks ul {
    list-style: none;
    text-align: center;
}


#pun-navlinks ul {
    font-size: 44px;
    list-style: none;
    text-align: center;
}
ul.navlinks a.mainmenu {
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    color: #fff;
    font-size: 20px;
    outline: none;
    text-shadow: 1px 1px 2px #000;
    transition-duration: 500ms;
}

جربي واخبريني

وايضا ابحثي عن هذا الكود في الcss

الكود:

ul.navlinks a.mainmenu:hover

واستبدلي رقم 16 الموجود اسفله برقم 20

للتعديل على مرور الماوس

رامي كاتي كتب:صراحه كثير من الاكواد الي موجوده عندك تسبب خلل

شوفي انتي احذفي كل الاكواد الموجوده بالcss حتى كود الازرار
واحتفضي فيها   بجهازك

ثم ضعي الكود التالي بال css

الكود:

body {
overflow-x: hidden;
}
#content-container div#right {
position: fixed;
right: -234px;
width: 240px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
background: #ffffff;
}
#content-container div#right:hover {
right: 0;
}
#content-container div#container {
margin-right: 0;
}
#content-container div#content {
margin-right: 0;
}
ul.navlinks a.mainmenu {
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  color: white;
  font-size: 15px;
  outline: none;
  text-shadow: 1px 1px 2px black;
  
}
 
ul.navlinks a.mainmenu:hover {
 text-shadow: 1px 1px 10px;
 font-size: 16px;
  font-weight: bold;
  color: #FFFF71;
}
 
ul.navlinks {
    background: url('http://2img.net/i/fa/fdf3/bg_cat.png') repeat-x #1675BC;
    border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    border-top: 1px solid white;
    bottom: 9px;
    position: relative;
    text-align: center;
    height: 40px;
}
 
.new-message {    
  color:#F85 !important;    
  font-weight:bold;    
}
 
#pun-navlinks ul {
    list-style: none;
    text-align: center;
}


#pun-navlinks ul {
    font-size: 44px;
    list-style: none;
    text-align: center;
}
ul.navlinks a.mainmenu {
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    color: #fff;
    font-size: 20px;
    outline: none;
    text-shadow: 1px 1px 2px #000;
    transition-duration: 500ms;
}

جربي واخبريني

شكراً جزاك الله كل خير معلش تعبتك معايا انا عارفه

رامي كاتي كتب:وايضا ابحثي عن هذا الكود في الcss

الكود:

ul.navlinks a.mainmenu:hover

واستبدلي رقم 16 الموجود اسفله برقم 20

للتعديل على مرور الماوس

اوكيــــه

لو عرفت تشوف التومبيلات دى بالمرة يبقي كتير خيرك
تومبيلات احصائيات

وشكراً ليك مرة تانية