اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]/* كود 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;
}
/* حل مشكلة صور في المواضيع لا تظهر */
- الكود:
-
.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 لتعديل صور كلمة السر ضعيفه وقويه ومتوسطه ------------ */
- الكود:
-
#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;
}
/*-----اطار حول صورة بيانات العضو بدون تومبيلات -----*/
- الكود:
-
.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;
}
/*-----خلفية تكبير وتصغير الصوره
في الموضوع وجعلها مثل -----*/
- الكود:
-
.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;
}
/*----- كود رائع جدااا للرد السريع -----*/
- الكود:
-
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;
}
