اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا
لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح
يضع اطار فى جميع صفحات المنتدى
للسماهمات *أخر مساهمة
لوضع اطار للتوقيع مع اختيار لون الخلفية
كود التحكم بحجم المواضيع والمشاركات
ينظم أى شئ أسفل المنتدى
كود تغير لونين (مثبت و إعلان
كود لجعل خلفية لاسماء الاعضاء ...مع تحكم في تكبير وتصغير الاسم
تطوير مربع الوصف الذي يشمل عدة امكنة ويمكنك من التحكم بالاطار و اللون
كود وضع اطار للتوقيع مجرب على النسخة الثانية
كود سبب التعديل في المشاركات
كود جعل المشاركات فقط بالمنتصف دون أن يؤثر علي باقي المنتدي
لوضع صورة كفاصل بين البيانات الشخصية
لجعل حدود منتداك بتلعمه
لتوسيط الخلفيه لتظهر بشكل متساوي من الجانبين
كود البسملة
يجعل كل الخطوط بالمنتدي بالخط العريض
حل مشكلة صور في المواضيع لا تظهر
لوضع خلفيه لازرار علببه الدردشه
د css لتعديل صور كلمة السر ضعيفه وقويه ومتوسطه
إطار وخلفية لعنوان الموضوع
تكبير اسم العضو
/*----- تكبير اسم العضو يعني -----*/
اطار حول صورة بيانات العضو بدون تومبيلات
خلفية تكبير وتصغير الصوره
في الموضوع وجعلها مثل
كود تغير كلمة شاطر بصوره توضح الغرض
اخيرا كود css لالغاء الفراغ الذي يظهر بين
الواجهه
طريقة التركيب
لوحة الادارة
مظهر المنتدى
الصور والوان
اللون
ورقة css
ثم ننسخ الكود بداخله
ثم قدم
لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح
الكود:
/* كود css لالغاء الفراغ الذي يظهر بين الواجهه واعلى المتصفح */
.bodyline{
background:#ffffff url(goweto bilobed);
border:0;
padding:0;
margin:0;
}
body{
padding:0;
margin:0;
background-position:center;
}
a{
text-decoration:none;
}
يضع اطار فى جميع صفحات المنتدى
للسماهمات *أخر مساهمة
الكود:
/* مزايا الكود :: يضع اطار فى جميع صفحات المنتدى
للسماهمات *أخر مساهمة */
td {
height: px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border:0px solid #d6d6d6;
}
لوضع اطار للتوقيع مع اختيار لون الخلفية
الكود:
/* لوضع اطار للتوقيع مع اختيار لون الخلفية */
.signature_div {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:2px solid #00000;
background-color: White;
}
كود التحكم بحجم المواضيع والمشاركات
الكود:
/* كود التحكم بحجم المواضيع والمشاركات */
.postbody{
font-size: 25px;
font-weight: bold;
font-family:
Traditional Arabic;
}
ينظم أى شئ أسفل المنتدى
الكود:
/* ينظم أى شئ أسفل المنتدى */
.
#page-footer h3 {
margin-top : 20px;
}
#content-container
#left {
width : 0;
}
#content-container #right {
width :
0;
margin-right : 0;
}
كود تغير لونين (مثبت و إعلان
الكود:
/* كود تغير لونين (مثبت و إعلان) */
div.topictitle:hover
{
color:#FF0000;
}
div.topictitle
{
color:#FF0000;
font-size: 14px;
}
كود لجعل خلفية لاسماء الاعضاء ...مع تحكم في تكبير وتصغير الاسم
الكود:
/* كود لجعل خلفية لاسماء الاعضاء ...مع تحكم في تكبير وتصغير الاسم */
strong a{
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://www.jewelsuae.com/psd/Mustalzamat/Glitter/Normal/gold1/x.gif);
}
a.copyright
{
border:0;
background:none;
}
a.name {
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://alharary.com/glitter/glitterfaver/bg_b07.gif);
}
a.coloradmin{
text-decoration:none;
border:1px dashed #FFA34F;
background: url(http://alharary.com/glitter/glitterfaver/bg_b07.gif);
}
تطوير مربع الوصف الذي يشمل عدة امكنة ويمكنك من التحكم بالاطار و اللون
الكود:
/* تطوير مربع الوصف الذي يشمل عدة امكنة ويمكنك من التحكم بالاطار و اللون */
fieldset {
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:7px;
border-radius: 3px;
width:90%;
border : 3px double #37b0df;
background-color:#7EA7D3;
background-image : url(http://i37.tinypic.com/2d0kjly.gif);
}
span.postdetails
{
text-align:center;
}
fieldset.genmed
{
width:400px;
}
كود وضع اطار للتوقيع مجرب على النسخة الثانية
الكود:
/* كود وضع اطار للتوقيع مجرب على النسخة الثانية */
.signature_div {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:2px solid #000000;
background:
url(http://i68.servimg.com/u/f68/14/58/09/35/signat11.gif);
background-color: #F0FFF0 ;
background-position:top;
background-repeat: no-repeat;
display: block;
overflow: auto;
padding:15px;);
}
كود سبب التعديل في المشاركات
الكود:
/* كود سبب التعديل في المشاركات */
tr.post span.gensmall { display: none; }
كود جعل المشاركات فقط بالمنتصف دون أن يؤثر علي باقي المنتدي
الكود:
/* كود جعل المشاركات فقط بالمنتصف دون أن يؤثر علي باقي المنتدي */
tr.post td {
text-align: center;
}
لوضع صورة كفاصل بين البيانات الشخصية
الكود:
/*لوضع صورة كفاصل بين البيانات الشخصية */
hr{
height: 8px;
border: solid #e1effa 1px;
border-top-width: 1px;
background: url(ضع هنا رابط الصورة);
}
a.copyright
{
border:0;
background:none;
}
لجعل حدود منتداك بتلعمه
الكود:
/* لجعل حدود منتداك بتلعمه */
.forumline{
background-image:
url("http://i62.servimg.com/u/f62/13/42/24/54/rainbo10.gif");
}
لتوسيط الخلفيه لتظهر بشكل متساوي من الجانبين
الكود:
/* لتوسيط الخلفيه لتظهر بشكل متساوي من الجانبين */
body {
background-repeat:repeat-y;
background-position:center;
}
كود البسملة
الكود:
/* كود البسمله */
.hr {
background: url(http://i83.servimg.com/u/f83/12/73/86/96/bsm910.gif) no-repeat center;
border-top: thin groove;
padding: 50px;
line-height: 12px;
}
يجعل كل الخطوط بالمنتدي بالخط العريض
الكود:
/* يجعل كل الخطوط بالمنتدي بالخط العريض */
td {
font-weight: bold;
}
حل مشكلة صور في المواضيع لا تظهر
الكود:
/* حل مشكلة صور في المواضيع لا تظهر */
.postbody img {
max-width:600px;
}
لوضع خلفيه لازرار علببه الدردشه
الكود:
/* --------لوضع خلفيه لازرار علببه الدردشه ------------ */
.fontbutton {
background-image: url("http://i716.photobucket.com/albums/ww161/style-x_images/christmas-X/thindex.jpg");
color: #870511;
border: 1px solid #ffec86;
}
/* --------AhmedMido ----------- */
د css لتعديل صور كلمة السر ضعيفه وقويه ومتوسطه
الكود:
/* --------كود css لتعديل صور كلمة السر ضعيفه وقويه ومتوسطه ------------ */
#pwd_good {
background:url("رابط صورة كلمة السر قويه") repeat scroll 0 0 transparent;
}
#pwd_middle {
background:url("رابط صورة كلمة السر وسط") repeat scroll 0 0 transparent;
}
#pwd_bad {
background:url("رابط صورة كلمة السر ضعيفه") repeat scroll 0 0 transparent;
}
إطار وخلفية لعنوان الموضوع
الكود:
/*----- إطار وخلفية لعنوان الموضوع -----*/
h1.cattitle{
color:#000;
overflow : auto;
background-image: url("رابط الخلفية هنا");
border : 1px solid #000000;
max-width : 840px;
max-height : 290px;
essa_elgn;
mido x love;
padding : 6px;
text-align : justify;
border: 1px solid #000;
-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;
;
}
تكبير اسم العضو
/*----- تكبير اسم العضو يعني -----*/
الكود:
a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #d4d4d2; }
a:hover{text-transform:uppercase;}
اطار حول صورة بيانات العضو بدون تومبيلات
الكود:
/*-----اطار حول صورة بيانات العضو بدون تومبيلات -----*/
.postdetails.poster-profile a img {
background-image: url('http://i88.servimg.com/u/f88/11/88/59/12/2iscw010.png');
-moz-border-radius:7px;
-webkit-border-radius:7px;
border: 3px solid #000000;
}
الكود:
/*----- essa_elgn -----*/
button.button2, input.button2 {
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border : 0px dashed #ffeade;
font-size : 0.7em;
border-width : 1px
border-color : #fc9f0c;
width : auto !important ;
padding : 2px 2px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background-repeat : repeat;
background-color : #FF0000;
background-image : url();
background-position : top;
overflow : visible;
vertical-align : middle;
}
خلفية تكبير وتصغير الصوره
في الموضوع وجعلها مثل
الكود:
/*-----خلفية تكبير وتصغير الصوره
في الموضوع وجعلها مثل -----*/
.renklibar {
color : #000000;
background : #E8EDF0
url(http://i45.tinypic.com/14nfrjs.jpg) no-repeat 0 5px;
border : 1px
solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size
: x-small;
line-height : 1.4em;
}
.resize_process
.resizebox {
display : none;
margin-left : 15px;
}
.resizebox
div {
font-weight : normal;
font-style : normal;
margin : 0;
}
.resizebox.enlarged
a.enlarge {
display : none;
}
.resizebox.enlarged a.resize {
display
: inline-block;
}
.resizebox a.resize {
display : none;
}
.resizebox
{
background : #FFF9BF url("http://i43.tinypic.com/af9egz.gif")
no-repeat 7px 4px;
max-width : 100%;
line-height : 1.1em;
cursor
: default;
font-weight : normal;
font-style : normal;
margin :
0;
text-align : center;
display : inline-block;
}
.resizebox
.resize_border {
border : 1px solid #BDBDBD;
display : block;
}
.eklentiler {
color : #000000;
background : #ffffff;
border
: 1px solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size
: x-small;
line-height : 1.4em;
}
كود تغير كلمة شاطر بصوره توضح الغرض
الكود:
/*كود تغير كلمة شاطر بصوره توضح الغرض */
.addthis_button{
background:
url('http://i17.servimg.com/u/f17/14/57/22/94/paylas11.gif') no-repeat;
background-position: center right;
padding: 75px;
font-size: 0px ;
}
اخيرا كود css لالغاء الفراغ الذي يظهر بين
الواجهه
الكود:
/*اخيرا كود css لالغاء الفراغ الذي يظهر بين
الواجهه */
bodyline{
background:#ffffff url(goweto bilobed);
border:0;
padding:0;
margin:0;
}
body{
padding:0;
margin:0;
background-position:center;
}
a{
text-decoration:none;
}
الكود:
/*تختص باطار التوقيع */
.signature_div {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:2px solid #00000;
background-color: White;
}
الكود:
/* كود التحكم بحجم المواضيع والمشاركات */
.postbody{
font-size: 25px;
font-weight: bold;
font-family:
Traditional Arabic;
}
الكود:
/*----- كود تباعد الاسطر -----*/
.postbody{
font-size: 17px;
text-align: center;
font-weight: bold;
line-height: 2.0em;
}
الكود:
/*----- كود رائع جدااا للرد السريع -----*/
form#quick_reply textarea#text_editor_textarea {
width:
780px;
height: 100%; }
form#quick_reply
iframe#text_editor_iframe {
width: 780px;
}
* html
form#quick_reply iframe#text_editor_iframe {
width: 780px;
}
*+html
form#quick_reply iframe#text_editor_iframe {
width: 780px;
}
طريقة التركيب
لوحة الادارة
مظهر المنتدى
الصور والوان
اللون
ورقة css
ثم ننسخ الكود بداخله
ثم قدم