أجعلي منتداكي أجمل

مرحبا يا بنوتات طيف الامل

كيفك الحال انشاء الله تكونوا بخير

بما اني فاضية حبيت اعمل موضوع

واحط فيه كل الاكواد للمنتديات والصور

[b]نبدا مع الاكواد الانسيابية css

ماهي الاكواد الانسيابية ccs

هي لغة تنسيق للصفحة تهتم بشكل وتصميم المواقع، صممت خصيصا لعزل التنسيق (الألوان - الخطوط....)
عن محتوى المستند المكتوب (بلغة مثلا html) وينطبق ذلك على الألوان والخطوط والصور والخلفيات التي
تستخدم في الصفحات، بمرونة وسهولة تامه.

هذه التقنية تعني بشكل صفحات المواقع;المظهر الكلي من الوان وصور وغيره.

:. طريقة الوضع .:

لوحة الإدارة »
مظهر المنتدى »
الصور و الآلوان »
الوان »
اكواد CSS

الاكواد

...............................
كود دعاء في بينات العضوة
الرمز:

/* كود ذكر الله في بداية الموضوع من منتديات طيف الامل */
.thLeft {
background:

url(https://i.servimg.com/u/f63/12/73/86/96/30538310.gif) no-repeat

center;
border-top: thin groove;
padding: 20px;
font-size:

0px;
text-align: left;
color: Black;
border: medium double

#00CCFF;
background-color: #111111;
}
.thRight {
background:

url(http://www.smiles.s88s.com/smiles/50/92.jpg) no-repeat
right;
border-top:
thin groove;
padding: 50px;
color:
Black;
text-align:
left;
font-size: 1px;
border: medium double
#00CCFF;
background-color:
#111111;
}
هذا الكود للنسخة الثالنية فقط

وضع اطار احترافى على كل اطارات منتداك بشكل حصرى وجديد
الرمز:

/*-----essa_elgn -----*/
.row2 {
border:2px solid #E0C77E;
background: url(https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png) ;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
}
.row1 {

border:2px solid #E0C77E;
background: url(https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png) ;border:2px solid #E0C77E;

-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;

}
.row3 {
border:2px solid #E0C77E;
background: url(https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png) ;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
}

[center]كود وضع اطار حول صورة بيانات العضو بدون تومبيلات

الرمز:

.postdetails.poster-profile a img {
background-image: url('https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png');

-moz-border-radius:7px;
-webkit-border-radius:7px;
border: 3px solid #000000;
}

كود css لوضع خلفية لبيانات العضو متصل بـــ(؟) واخر مساهماتك للانفيوجن
الرمز:

#userlinks {
background-image: url(ضع هنـا رابط الصوره);
}

كود لجعل خلفية لاسماء الاعضاء
الرمز:

strong a{
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gilter/1138289082_wed5.gif);
}
a.copyright
{
border:0;
background:none;
}
a.name {
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gilter/1138289082_wed5.gif);
}
a.coloradmin{
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://psd.phishing-site.www/img/gilter/1138289082_wed5.gif);
}

كود css لعمل اطار
لامع حول الاقسام
الرمز:

.forumline{
background-image:
url("https://i.servimg.com/u/f62/13/42/24/54/rainbo10.gif");
}

كود css لتوسيط الخلفيه لتظهر بشكل متساوي من الجانبين
الرمز:

body {
background-repeat:repeat-y;
background-position:center;
}

كود تصغير جميع الصور والروبط عند مرور الماوس عليها
الرمز:

/*----- prince kimo-----*/
a:hover
{
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
}

/*-----prince kimo-----*/

كود جعل محتوي المنتدي بالخط العريض
الرمز:

td {

font-weight: bold;

}

طريقة أزالة السطر من تحت أسماء الأعضاء
الرمز:

a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}

كود جعل محتوي المنتدي بالمنتصف
الرمز:

td {
text-align: center;
}

[size=24][كود css] للتحكم بنوع الخط بالمساهمات وحجم المواضيع والمشاركات[/siz

الرمز:

/* كود التحكم بحجم المواضيع والمشاركات */
.postbody{
font-size: 22px;

font-weight: bold;
font-family:
Traditional Arabic;
}

كود وضع حقوق نصية اسفل المنتدى لمصممي الاستايلات
الرمز:

/*كود حقوق خطية للمصممي الاستايلات اسفل او اعلى )-----------*/
div#page-footer:after {
display: center;
float: left;
font-family: Trebuchet MS,Tahoma,Arial;
font-style: bold;
font-weight: normal;
margin-left:490px;
font-size: 12px;
content: "ضع حقوقك هنا";}

انتهينا من الاكواد هلا نروح

لايقونات الاقسام

[/b]

لا تردوا هاي كمااااااااان صووووور

موضوع: أزرار التصفح الخميس سبتمبر 27, 2012 12:19 am

ازرار للمواضيع

صور للاقسام

أجعلي منتداكي أجمل B24








		وهاي كماااااااااان صور + ---- - <table id="tabPic"><tr><td align="left"></td> <td align="left"></td> <td align="left"></td></tr> <tr><td align="left"></td> <td align="left"></td> <td align="left"></td></tr> <tr><td align="left"></td> <td align="left"></td> <td align="left"></td></tr> <tr><td align="left"></td> <td align="left"></td> <td align="left"></td></tr> <tr><td align="left"></td> <td align="left"></td> <td align="left"></td></tr><tr><td align="left"></td> <td align="left"></td> <td align="left"></td></tr><tr><td align="left"></td> <td align="left"></td> <td align="left"></td></tr><tr><td align="left"></td> <td align="left"></td> <td align="left"></td></tr></table>