منتديات احلى حكاية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات احلى حكاية دخول

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


descriptionاكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا Emptyاكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا

more_horiz
اكواد 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;
}





كود البسملة

الكود:

/* كود البسمله */
.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
ثم ننسخ الكود بداخله
ثم قدم

descriptionاكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا Emptyرد: اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا

more_horiz
اشكرك على الاكواد الرائعه
تقبل مروري وتعديلي للموضوع
ينقل للقسم المناسب

descriptionاكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا Emptyرد: اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا

more_horiz

بجد موضوع اكثر من رائع اخى الكريم

و يستحق التثبيت

تحياتى لك على الابداع الرائع

اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا 4253014634

descriptionاكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا Emptyرد: اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا

more_horiz

تم التثــ اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا 2535169485 ــبيت


descriptionاكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا Emptyرد: اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا

more_horiz
مشكور اخي موضوع جدا رائع

descriptionاكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا Emptyرد: اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا

more_horiz
مشكوووووووووور

descriptionاكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا Emptyرد: اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا

more_horiz
اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا 1534839015 اكواد css للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا 1534839015اكود جميلة
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد