noor
Admin
الميلاد : 22/06/1974
 سمعتك : 2
عدد المساهمات : 408
 الاهداف : 7176
تاريخ التسجيل : 16/05/2009
 |  موضوع: أكواد CSS للنسخة Phpbb3 فقط الجمعة أبريل 23, 2010 5:03 pm | |
| تجميعة أكواد CSS للنسخة Phpbb3 فقط
مفتوح للجميع كود للتعديل في رأس المنتدى | الرمز: | .headerbar
{
background-color: transparent;
background-image:
url('LINK
IMAGINE');
height: 170px;
background-position: top;
background-repeat:
no-repeat;
}
|
تحرير خلفية المنتدى : | الرمز: | body {
background-color:
#FFFFFF;
background-Image:
url('LINK IMAGINE');
background-repeat:
no-repeat;
background-attachment:
fixed;
background-position:center;
}
|
صورة خلفية من داخل المنتدى : | الرمز: | #wrap {
background-attachment:
fixed;
background-image:
url('URL IMAGE');
background-repeat:
repeat;
background-position:
top center;
}
|
صورة خلفية لالقائمة (فقط في القائمة!) : | الرمز: | div#page-header
div.navbar {
background-image: url('URL IMAGE'
);}
|
ملاحظة: URL IMAGE ضع رابط الصورة تحويل القائمة في قائمة حيوية (يعمل فقط إذا كان لديك صور في القائمة) : | الرمز: | ul.linklist li a img
{
filter:alpha(opacity=100);
-moz-opacity:
1.0;
opacity:
0.5;}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity:
0.85;
opacity: 1.0;
position: relative;
top:
-2px;}
|
ملاحظة: ul.linklist Li img =الصورة قبل وضع الفأرة على النص ul.linklist Li img: hover = الصورة مع الاحتكاك opacity = غموض ul.linklist Li img: hover => top = تغييير الصور مع الضغط عى الماوس هذا الكود لا يعمل مع اكسبلورر تخصيص مربع البحث : | الرمز: | #search-box
#keywords {
width: 95px;
background-color:
#ffffff;
}
input.search
{
background-image:
url('https://2img.net/i/fa/prosilver/icon_textbox_search.gif');
background-repeat:
no-repeat;
background-position:
left 1px;
padding-left: 17px;
}
|
إخفاء مربع البحث : | الرمز: | #search{
display:none;
}
|
لتخصيص رسالة على الصفحة الرئيسية : | الرمز: | .introduction {
background-image:
url('URL IMAGE);
background-repeat:
repeat;
background-position:
top center;
background-color:
#ffffff;
color: #000000;}
.introduction
.h3 {
background-image:
url("URL IMAGE");
background-repeat:
repeat;
background-position:
top center;
background-color:
#ffffff;
color: #000000;
padding:
5px;
border-bottom: 0px
solid #000000;
}
|
لإخفاء آخر زيارة كانت في الخميس يوليو 16 ، 2009 -- 13:56 ، رسائل جديدة ، وظائف ، والرسائل التي لم تكن الإجابة عليها ، اعتبرني قرأت جميع المواضيع : | الرمز: | .linklist {
display:none
!important;}
.right, .rightside
{
display:none
!important;}
dd.lastpost span, ul.topiclist
dd.searchby span,
ul.topiclist dd.info span, ul.topiclist dd.time span,
dd.redirect
span,
dd.moderation span {display:none !important;}
|
تحوم في الجداول : | الرمز: | li.row:hover {
background:
url('URL IMAGE');
background-position:
center;
background-repeat:
no-repeat;}
|
Customizing legend: | الرمز: | ul#picture_legend
{
background-position: center;
background-repeat:
no-repeat;
background-image:
url('URL IMAGE');
text-align:
center;
padding: 24px 0;}
|
تخصيص رسائل الخاصة : | الرمز: | ul#privmsgs-menu
{ul#picture_legend{
background-position:
center;
background-repeat:
no-repeat;
background-image: url('URL
IMAGE');
text-align:
CENTER;
padding: 24px 0;}
|
خلفية للروابط | الرمز: | div#page-footer
ul.linklist {
background-image: url('URL
IMAGE');
background-position:
0 100%;}
|
لا تنسوا وضع روابط الصور مكان URL IMAGE لصورة السفلى الخلفية للموقع : | الرمز: | div#page-footer
{
background-image: url('URL IMAGE');
background-position:
bottom
center;
background-repeat: no-repeat;
padding: 15px;}
|
تخصيص الحاجيات widget : | الرمز: | .module {
background-image:
url('URL IMAGE');
background-repeat:
no-repeat;
background-position:
top center;
border: 1px solid
BLACK;}
.module .h3 {
color:
white;}
|
صورة خلفية للرسالة : | الرمز: | .post
{
background-image: url('URL IMAGE');
background-repeat:
repeat;
background-position: top center;
}
|
صورة الخلفية للمربع الارسال : | الرمز: | .ak_msgform_subject_right_td
input, .ak_msgform_message_right_td
textarea, textarea{
background-image:url('URL
IMAGE');
background-repeat:
repeat;
background-position: top
center;
}
|
لتخصيص رمز وspoiler : | الرمز: | dl.codebox {
padding:
3px;
background-color: lightyellow;
border:
1px solid
#C9D2D8;
font-size: 1em;
}
dl.codebox dt {color:
purple;}
.codebox
dd {color: brown;}
dl.codebox code
{color: darkgrey;}
|
تخصيص أزرار المنشأ المنتدى | الرمز: | a.button1,
input.button1, a.button2, input.button2, button.button2
{
background-image:
url('URL IMAGE');
background-repeat: repeat;
font-family:
comic
sans ms;
color: #000000;}
|
تغيير مكان ايقونة الصفحة الرئيسية او المنتدى : | الرمز: | a.button1:hover,
input.button1:hover, a.button2:hover,
input.button2:hover,
button.button2:hover {
background-image:
url('URL IMAGE');
background-repeat:
repeat;
}
|
تغيير الصورة القادمة إلى صفحة الموضوع مع عدة صفحات | الرمز: | .row .pagination {
background:
url('URL IMAGE') 0 50%
no-repeat;
}
|
تخصيص ملف المستخدم من المعلومات : | الرمز: | .postprofile {
color:
#000000;
text-align: center;}
|
تغيير ارتباط اللون رابط اسامي أعضاء في الرسالة : | الرمز: | .postprofile
a:link, .postprofile a:active, .postprofile
a:visited, .postprofile
dt.author a {
color: #000000;}
|
تغير لون وصورة الخلفية في الرسائل : | الرمز: | body.chatbox {
background-image: url('URL IMAGE');
background-color: black;}
|
اللون الصفوف التي تظهر في رسائل / للكاتب ووقت الارسال : | الرمز: | .chatbox_row_1
{
padding: 4px;
background-color:
transparent;
}
.chatbox_row_2
{
padding: 4px;
background-color: transparent;
}
|
اجعل تخصيص عنوان الموقع : | الرمز: | .chatbox-title,.chatbox-title
a.chat-title {
color: #FFFFFF
!important;
text-align: center;
font-size:
20px;}
|
تغيير صورة خلفية عنوان المنتدى : | الرمز: | #chatbox_header {
background-image: url('URL IMAGE');}
|
مضيفا زوايا مدورة إلى قسم خاص : | الرمز: | .SECTION NAME
span.corners-top { background-image: url('URL
IMAGE'); }
.SECTION
NAME span.corners-top span { background-image:
url('URL IMAGE'); }
.SECTION
NAME span.corners-bottom {
background-image: url('URL IMAGE'); }
.SECTION
NAME
span.corners-bottom span { background-image: url('URL IMAGE');
}
|
| |
|
