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

....:::EGYDELTA:::..:::ايجي دلتا:::....

===============

[CSS] للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا

 :: التقنيات المتقدمه :: الأكواد الإنسيابية CSS

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل

[CSS] للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا Empty [CSS] للنسخة الثانية phpbb2 جميع الاكواد المهمة لمنتداك تجدها هنا

#37998
hamied hamied
hamied hamied
Admin
Admin
المشاركات : 2975
عدد النقاط : 8810
LIKE : 15
http://www.egydelta.com

مُساهمةhamied hamied الإثنين 22 يناير - 5:44


اكواد 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://2img.net/i/fa/pbucket.gif");
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;
}

الكود:
/*----- إطار وخلفية لعنوان الموضوع -----*/
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 لالغاء الفراغ الذي يظهر بين
الواجهه */
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
ثم ننسخ الكود بداخله
ثم قدم

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

مواضيع مماثلة
» كود الماوس اللامع لمنتداك
» شرح اضافة جميع الحقوق محفوظه او جميع المواضيع و الردود تعبر
» شريط اهداءات مجاني لمنتداك
» طريقة عمل مجلة لمنتداك على بوابتك
» شرح طريقة وضع الاكواد فى الصفحة الرئيسية والبوابة

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

....:::EGYDELTA:::..:::ايجي دلتا:::.... :: التقنيات المتقدمه :: الأكواد الإنسيابية CSS

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
©phpBB | منتدى مجاني | الإعلاميات و الأنترنت | الأنترنت | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | آخر المواضيع
terms-of-service | معهد ايجي دلتا التطويري | دليل اشهار ايجي دلتا | اضف موقعك | مدونة ايجي دلتا | egydelta.wordpress