تصميم بدايةتصميم بدايةتصميم بداية


اهلا وسهلا بك معنا في منتدى الدعم والمساعدة لدعم ومساعدة احلى منتدى الجزائرية



 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  
>

شاطر | 
 

 كود css كامل ما عليكم سوري اخده ووضعه داخل روقة css

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

avatar

الجنس : انثى
عدد المساهمات : 8
نقاطي : 12

الدولة :
التقييم : 2
احترام قوانين المنتدى: :
عضو في منتدى الدعم و المساعدة الجزائري لمنتديات احلى منتدى الجزائرية


مُساهمةموضوع: كود css كامل ما عليكم سوري اخده ووضعه داخل روقة css   12/6/2012, 05:55

قائمة اكواد css

ما عليك سوي اخدها ووضعها في ورقة تصميم css


وهي مجربة داخل موقعي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الكواد

الكود:
 


/*كود حقوق خطية للمصممي الاستايلات اسفل او اعلى الحقوق احلى منتدى )-----------*/
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: " التعليقات المنشورة لا تعبر عن رأي  منتديات الاميرة سمر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)";}

كود css يجعل الصور فى منتداك بشكل رائع..!
        .postbody img {-webkit-transition:  -webkit-transform .15s linear;
        -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
        -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
        padding: 5px 5px 5px 5px;
        -webkit-transform:  rotate( 0deg);
        -moz-transform: rotate( 0deg);
        }

        .postbody img:hover {
        -webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
        -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
        -webkit-transform:  rotate(0deg);
        -moz-transform: rotate(0deg);
        } 
 

        /*** كود وضع البسمله بدون خطوط ***/
        .hr {
        background: url(http://i50.tinypic.com/6idukx.png) no-repeat;
        background-position: top;
        text-align: center;
        vertical-align: text-bottom;
        padding: 0px 325px 210px;
        line-height: normal;
        }
        /*** Ahmed M!Do ***/



/*-----كود وضع خلفية لأقسام المنتدى·-----*/
.alt1,.alt1Active,.alt2,.alt2Active,td.row1,td.row1.over:hover,td.row2,td.row3,td.row3.over:hover
{background-color:#FFFFFF;background-image:url(http://i70.servimg.com/u/f70/15/40/37/88/24510.png);background-position:bottom;background-repeat:repeat-x;border:1px solid#FFFFFF}




/*-----كود وضع خلفية لكلمة إرسال و دخول و غيره·-----*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, #main-content a.cgu-buttons:hover {
color: #048ebb;}

#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: #bfbfbf;
padding: 3px;}


/*-----كود تغيير لون تحديد الكلام·-----*/
*::-moz-selection {background-color:red;color:white;
}





.postdetails.poster-profile a img {
border:2px solid #EEE;
margin: 10px;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-khtml-box-shadow: 0px 0px 10px #000;
}



/*-----كود لجعل البيانات الشخصية إحترافية·-----*/
.postdetails{
background-image: url('');
background-repeat: repeat;
display: block;
overflow: auto;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}

.postdetails.poster-profile a img {
margin: 7px;
padding: 7px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-khtml-box-shadow: 0px 0px 10px #000;
}



/*-----كود تحديد حجم الصورة الشخصية فى المساهمات -----*/
 .postbody img {
max-width:600px;
max-height:600px;
}



/*-----كود صورة مكان كلمة شاطر توضح الغرض·-----*/
.addthis_button{
  background:
url('http://s7.addthis.com/static/btn/v2/lg-share-en.gif') no-repeat;
background-position: center right;
padding: 75px;
font-size: 0px ;
}



/* --------كود جعل المساهمات و البيانات الشخصية فى الوسط ------------ */
  tr.post td {
    text-align: center;
}



/* --------كود تكبير حجم الخط فى المساهمات ------------ */
td {
        font-weight: bold;
}



/*-----كود تغيير خلفية تكبير الصورة و تصغير الصورة داخل المواضيع و جعلها صفراء مثل الفى بى·-----*/
.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;
}



div.topictitle:hover
{
color:#FF0000;
}

div.topictitle
{
color:#FF0000;
font-size: 14px;
}

.attachbox{
background-color: #191919;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}

.attachbox dl.file{
background-color: #212121;
margin-top: 8px;
padding: 5px;
border: 1px solid #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}



/* --------كود الأكواد الخاص بطرقعة ------------ */
.code {
color : #000000;
background : #FFFFFF url(http://img4.hostingpics.net/pics/639107citation.png) no-repeat 0 5px;
border : 1px solid #aaa;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-moz-box-shadow: 2px 2px 2px #DCDCDC
}


/* --------كود الإقتباسات الخاص بطرقعة ------------ */
.quote {
color : #000000;
background : #FFFFFF url(http://img4.hostingpics.net/pics/639107citation.png) no-repeat 0 5px;
border : 1px solid #aaa;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-moz-box-shadow: 2px 2px 2px #DCDCDC
}



/*-----كود جعل أزرار المساهمات و المواضيع إحترافية و بشكل منحرف·-----*/

li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/a20.png');}

h3:before,.h3:before{
content: url(http://img528.imageshack.us/img528/7339/1lhp.png);
padding-right: 3px;}

p em b a.gensmall{font-style: normal;
font-style: italic;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-transform: none;}

p em{font-style: normal;
font-size: 1.05em !important;
font-weight: bold;
color: #90AD0E;
background: url(http://img528.imageshack.us/img528/7339/1lhp.png) no-repeat left;
padding-left: 15px;
padding-top: 1px;
font-family: Verdana,Arial,Helvetica,sans-serif !important;
text-transform: uppercase;}

.hierarchy {background: none;}
.hierarchy:before {content: url(http://illiweb.com/fa/empty.gif);}

.introduction, .panel  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;}

.post {
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 6px #666;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/bgbgbg10.png) repeat-x;
}


/*-----كود مش عارفه·-----*/
h1 {
      letter-spacing: 0px;
  }

  p {
      letter-spacing: 0px;
  }





.postdetails{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image:url(http://www.sno-sa.com/vb/sno2011/images/tawzee31.jpg);
border : 1px dotted #848484;
color : #000000;
border-top: medium solid #848484;
border-bottom: medium solid #848484;
font-size: 11px;
font-weight: bold;
essa_elgn;
display: block;
overflow: auto;
padding: 7px;
}



.glossymenu {
    background: url("http://i70.servimg.com/u/f70/15/40/37/88/etudia10.png") repeat-x scroll 0 0 transparent;
    height: 26px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0 0 0 34px;
    position: relative;
    text-align: center;
    text-transform: uppercase;


}

.glossymenu li {
    float: left;


}
li.row {
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
}
li.row:hover {
background-color: #2e2e2e;
}
ul.topiclist dd {
border-left: 0px solid #ffffff;
display: block;
float: left;
padding: 4px 0;
}
ul.topiclist li.header dl dd {
border: none;
}
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
display:block;
padding-left:5px;
}
ul.pmlist dt {
padding-left: 45px;
}
ul.forums dd {
border-color: #ffffff;
border-left-style: solid;
border-left-width: 0px;
}
li.row:hover dd {
border-left-color: #7e7e7e;
}
.mod-text {
font-weight: bold;
}

.hierarchy {
display: inline;
text-transform: none;
border: none;
font-size: 1em !important;
}

.glossymenu li a {
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 16px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;


}

.glossymenu li a b {
    display: block;
    float: left;
    padding: 0 24px 0 8px;
    text-align: center;
    text-transform: uppercase;


}

.glossymenu li a:hover, .glossymenu li.current a {
    background-position: left center;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;


}

.glossymenu li a:hover b, .glossymenu li.current a b {
    background: url("http://i60.servimg.com/u/f60/15/40/37/88/0116.png") repeat scroll 0 0 transparent;
    border: 1px solid #EEEEEE;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;


}



/*----- ???? ?????? ?????? ??????? -----*/
h1.cattitle{
color:#ff0000;
overflow : auto;
background-image: url("http://i68.servimg.com/u/f68/11/88/59/12/gradie10.gif");
border : 1px solid #000000;
max-width : 800px;
max-height : 200px;
padding : 6px;
text-align : justify;
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}





/*-----M!Do x love وضع اطار احترافي على الصورة الشخصية -----*/
.postdetails.poster-profile a img {
border: 0;
padding: 35px 5px 5px 5px;
essa_elgn --- M!Do x love;
background-position: top;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border:1px solid #595959;
-moz-box-shadow: 1px 1px 6px 6px #595959}



/*-----Programming code by Mr-ToPo-----*/
td.row3.over span.gensmall,sam_hameed{
background-image: url(http://i88.servimg.com/u/f88/11/88/59/12/2iscw010.png);
-moz-border-radius:15px;
sam_hameed,sam hameed;
background-color: #f7f7f7;
border-left:10px solid #15A9E8;
border-right:10px solid #15A9E8;
-webkit-box-shadow: 4px 4px 10px #333;
sam_hameed,sam hameed;
font-size: 14px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}
/*-----End Code-----*/
 


#chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{
color: #9a9a9a;
text-shadow: 1px 1px 1px #ffffff;
text-decoration:none;
font-family: Arial Black;
text-transform: uppercase;
}
#chatbox_main_options a:hover{
color: grey;
text-shadow: 1px 1px 1px #b8b8b8;
text-decoration:none !important;
font-family: Arial Black;
text-transform: uppercase;
}

#chatbox_main_options {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;
float: right;
border: 1px solid #c9c9c9;
margin-right: 50px;
margin-top: -17px;
padding: 2px 3px 1px 5px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0px 0px 4px #c6c6c6;
box-shadow: 0px 0px 4px #c6c6c6;
-moz-box-shadow: 0px 0px 4px #c6c6c6;
}
#chatbox_main_options:hover {
margin-top: -7px;
}
/*----------------Members----------------*/
#chatbox_members {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);
margin-bottom: -30px;
border-right: 1px solid #c9c9c9;
background-color: #ffffff;
}
#chatbox_members:hover {
border-right: 1px solid #b7b7b7;
background-color: #fcfcfc;
}
h4.member-title{
background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;
font-family: Arial Black;
text-transform: uppercase;
color: #ffffff !important;
text-shadow: 0px 0px 3px black;
margin-top: -1px;
cursor: default;
letter-spacing: 0.5em;
}

#chatbox_members ul {
list-style: none;
margin: 0px;
}
#chatbox_members ul li {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);
font-family: Arial Black;
font-weight: bold;
font-size: 14px;
color: #393939;
padding-left: 10px;
border-bottom: 1px solid #e2e2e2;
margin: 0px;
}

#chatbox_members ul li:hover {
background-color: #f4f4f4;
background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/114.png');
background-repeat: no-repeat;
background-position: center left;
}
#chatbox_members ul li:active {
background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/213.png');
}
#chatbox_members ul li a {
text-shadow: 1px 1px 1px #ffffff;
font-size: 12px;
color: #909090;
text-decoration: none;
}
#chatbox_members ul li a:hover {
color: #393939;
text-decoration: none !important;
}

*----------------Footer----------------*/
#chatbox_messenger .catBottom{
background: none !important;
}
#chatbox_messenger_form {
width: 550px;
background: none !important;
float: none !important;
bottom: 0px ;
position: fixed;
z-index: 999;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.chatfootertable {
-webkit-box-shadow: 0px 0px 4px #d4d4d4;
box-shadow: 0px -0px 4px #d4d4d4;
-moz-box-shadow: 0px 0px 4px #d4d4d4;
box-shadow: 0px 0px 4px #c6c6c6;
-moz-box-shadow: 0px 0px 4px #c6c6c6;
border-top: 1px solid #c9c9c9;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
border-bottom: 0px;
height: 30px;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
background-color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
background: -moz-linear-gradient(top, #ffffff, #e2e2e2);
}
.chatfootertable:hover {
border-top: 1px solid #a7a7a7;
border-left: 1px solid #a7a7a7;
border-right: 1px solid #a7a7a7;
}
.text-styles {
color: grey;
}
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
border: 1px solid #a2a2a2;
}
#divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
}
.gen label input#message {
height: 17px;
font-size: 12px;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
.gen label input#message:hover {
border: 1px solid #b2b2b2;
background-color: #f5f5f5;
}
.gen label input#message:focus {
border: 1px solid #a4a4a4;
background-color: #e0fdff;
}
.gen input#submit_button {
cursor: pointer;
color: #929292;
font-family: Arial Black;
text-transform: uppercase;
font-size: 12px;
padding-left: 2px;
padding-right: 2px;
background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
border: 1px solid #c9c9c9;
background-color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
}
.gen input#submit_button:hover {
color: #2c2c2c;
background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
border: 1px solid #a2a2a2;
}
.gen input#submit_button:active {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
}

tr.post
span.gensmall { display: none; }

  /*a7medvirus Tutorial*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    } 
/*by: Traid web*/

/*----- خلفية صندوق الرد السريع ترايدكوم -----*/
form#quick_reply {
background-image: url('http://i56.tinypic.com/vy3azs.jpg');
 }


    /*ظل للروابط HIMA ELMASRY
*/
  a:link, a:visited, a:active{
text-decoration : none;
}
a:hover{
text-shadow:0 0 20px;
}
    /*ظل للروابط HIMA ELMASRY
*/


/*----- ahlamontada -----*/

.name {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

a.mainmenu {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

a.nav {
height:0px;
text-align:left;
text-shadow:0
 0 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;}
.gowetobilobed2 {
      border-style: solid;
      border-width: 1px 5px 1px 5px;
      border-color: #303030;
      background: none repeat scroll 0 0;
      margin-top: 1px;
      padding: 1px;
      background-color: #303030;
    }
    .gowetobilobed3 {
      border-color: #303030;
      border-left-width: 2px;
      border-left-style: solid;
    }

.vote {
        float: right;
        width: 9px;
        margin-right: 4px;
        }

    .vote .ebneleslam {

        margin-right:-12px;
        white-space:nowrap;
        }











حصري كود اخفاء واظهار التواقيع مثل فريق الاكواد
        .vista-code {
            display: none;
            }
   
            .arabcodey {
            cursor: pointer;
            display: block;
            height: 30px;
            width: 150px;
            background-image: url('http://i47.servimg.com/u/f47/17/07/42/77/hide_s10.png');
            copyright:vistacode;
            background-position: 0 -30;
         
            }

طريقة أزالة السطر من تحت أسماء الأعضاء
    a:link
    {
    text-decoration: none;
    }

    a:visited
    {
    text-decoration: none;
    }

    a:active
    {
    text-decoration: none;
    }

    a:hover
    {
    text-decoration: none;
    }

كود حصري لوضع خلفية الاسم الفئات بطريقة روعة
.secondarytitle h2 ,.table-title h2{
        background: url("http://i47.servimg.com/u/f47/17/07/42/77/011610.png") repeat scroll 0 0 transparent;
        border: 1px solid #EEEEEE;
        border-radius: 10px 10px 10px 10px;
        copyright:vistacode;
        margin: auto;
        max-width: 200px;
        padding: 0;
        text-align: center;
        width: 100%;
        padding: 5px;
    }

وضع خلفية داخلية للمنتدى
body
    {
    background-image:url('http://i70.servimg.com/u/f70/15/40/37/88/etudia10.png');

    }

/*-----كود وضع خلفية لأقسام المنتدى·-----*/
.alt1,.alt1Active,.alt2,.alt2Active,td.row1,td.row1.over:hover,td.row2,td.row3,td.row3.over:hover
{background-color:#FFFFFF;background-image:url(http://i70.servimg.com/u/f70/15/40/37/88/24510.png);background-position:bottom;background-repeat:repeat-x;border:1px solid#FFFFFF}



/*----- كود وضع ظل لروابط أقسام المنتدى -----*/
a.forumlink:hover{
-moz- text-shadow: 4px 4px 4px #000;
-webkit- text-shadow: 4px 4px 4px #000;
text-shadow: 4px 4px 4px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=115, Strength=2);
zoom: 1;
}



/*-----كود وضع خلفية لكلمة إرسال و دخول و غيره·-----*/
[b]button.button2, input.button2
font-size : 0.7em;
border-width : 1px
border-color : #fc9f0c;
width : auto !important ;
padding : 2px 2px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #001222;
background-repeat : repeat;
background-color : #001222;
background-image : url(http://forum.arjwan.com/imgcache/27426.imgcache);
background-position : top;
overflow : visible;
vertical-align : middle;
}
button.button2:hover, input.button2:hover {
border-width : 1px
border-color : #221300;
background-image : url(http://forum.arjwan.com/imgcache/27426.imgcache);
background-position : top;
color : #001222;
background-position : 0 100%;
}
input.liteoption {
background-image : url('http://forum.arjwan.com/imgcache/27426.imgcache');
}

input.mainoption {
background-image: url('http://forum.arjwan.com/imgcache/27426.imgcache');
}



/*-----كود تغيير لون تحديد الكلام·-----*/
*::-moz-selection {background-color:red;color:white;
}





.postdetails.poster-profile a img {
border:2px solid #EEE;
margin: 10px;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-khtml-box-shadow: 0px 0px 10px #000;
}



/*-----كود لجعل البيانات الشخصية إحترافية·-----*/
.postdetails{
background-image: url('');
background-repeat: repeat;
display: block;
overflow: auto;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}

.postdetails.poster-profile a img {
margin: 7px;
padding: 7px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-khtml-box-shadow: 0px 0px 10px #000;
}



/*-----كود تحديد حجم الصورة الشخصية فى المساهمات -----*/
 .postbody img {
max-width:600px;
max-height:600px;
}



/*-----كود صورة مكان كلمة شاطر توضح الغرض·-----*/
.addthis_button{
  background:
url('http://s7.addthis.com/static/btn/v2/lg-share-en.gif') no-repeat;
background-position: center right;
padding: 75px;
font-size: 0px ;
}



/* --------كود جعل المساهمات و البيانات الشخصية فى الوسط ------------ */
  tr.post td {
    text-align: center;
}



/* --------كود تكبير حجم الخط فى المساهمات ------------ */
td {
        font-weight: bold;
}



/*-----كود تغيير خلفية تكبير الصورة و تصغير الصورة داخل المواضيع و جعلها صفراء مثل الفى بى·-----*/
.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;
}



div.topictitle:hover
{
color:#FF0000;
}

div.topictitle
{
color:#FF0000;
font-size: 14px;
}

.attachbox{
background-color: #191919;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}

.attachbox dl.file{
background-color: #212121;
margin-top: 8px;
padding: 5px;
border: 1px solid #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}



/* --------كود الأكواد الخاص بطرقعة ------------ */
.code {
color : #000000;
background : #FFFFFF url(http://img4.hostingpics.net/pics/639107citation.png) no-repeat 0 5px;
border : 1px solid #aaa;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-moz-box-shadow: 2px 2px 2px #DCDCDC
}


/* --------كود الإقتباسات الخاص بطرقعة ------------ */
.quote {
color : #000000;
background : #FFFFFF url(http://img4.hostingpics.net/pics/639107citation.png) no-repeat 0 5px;
border : 1px solid #aaa;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-moz-box-shadow: 2px 2px 2px #DCDCDC
}



/*-----كود جعل أزرار المساهمات و المواضيع إحترافية و بشكل منحرف·-----*/

li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/a20.png');}

h3:before,.h3:before{
content: url(http://img528.imageshack.us/img528/7339/1lhp.png);
padding-right: 3px;}

p em b a.gensmall{font-style: normal;
font-style: italic;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-transform: none;}

p em{font-style: normal;
font-size: 1.05em !important;
font-weight: bold;
color: #90AD0E;
background: url(http://img528.imageshack.us/img528/7339/1lhp.png) no-repeat left;
padding-left: 15px;
padding-top: 1px;
font-family: Verdana,Arial,Helvetica,sans-serif !important;
text-transform: uppercase;}

.hierarchy {background: none;}
.hierarchy:before {content: url(http://illiweb.com/fa/empty.gif);}

.introduction, .panel  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;}

.post {
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 6px #666;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/bgbgbg10.png) repeat-x;
}


button.button2, input.button2{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: #048ebb;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: black;
padding: 3px;}



/*-----كود مش عارفه·-----*/
h1 {
      letter-spacing: 0px;
  }

  p {
      letter-spacing: 0px;
  }
/*-----كود مش عارفه·-----*/
.profile_field_list li {
display: inline;
}


/*-----كود فوتر المنتدى مثل الفى بى·-----*/
.ahmed
{

    background: #eeeeee;
    color: #5a5a5a;
    padding:3px 6px;
font-size:10px;
background:url(http://i70.servimg.com/u/f70/15/40/37/88/etudia10.png);
}
.tfoot a:link, .tfoot_alink
{

    color: #707070;
font-size:10px;
}
.tfoot a:visited, .tfoot_avisited
{

    color: #707070;
font-size:10px;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{

font-size:10px;
    color: #4f4f4f;
}
::-moz-selection {
background-color:red;
color:#FFF;
}




.postdetails{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image:url(http://www.sno-sa.com/vb/sno2011/images/tawzee31.jpg);
border : 1px dotted #848484;
color : #000000;
border-top: medium solid #848484;
border-bottom: medium solid #848484;
font-size: 11px;
font-weight: bold;
essa_elgn;
display: block;
overflow: auto;
padding: 7px;
}



.glossymenu {
    background: url("http://i70.servimg.com/u/f70/15/40/37/88/etudia10.png") repeat-x scroll 0 0 transparent;
    height: 26px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0 0 0 34px;
    position: relative;
    text-align: center;
    text-transform: uppercase;


}

.glossymenu li {
    float: left;


}

.glossymenu li a {
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 16px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;


}

.glossymenu li a b {
    display: block;
    float: left;
    padding: 0 24px 0 8px;
    text-align: center;
    text-transform: uppercase;


}

.glossymenu li a:hover, .glossymenu li.current a {
    background-position: left center;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;


}

.glossymenu li a:hover b, .glossymenu li.current a b {
    background: url("http://i60.servimg.com/u/f60/15/40/37/88/0116.png") repeat scroll 0 0 transparent;
    border: 1px solid #EEEEEE;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;


}



/*----- ???? ?????? ?????? ??????? -----*/
h1.cattitle{
color:#ff0000;
overflow : auto;
background-image: url("http://i68.servimg.com/u/f68/11/88/59/12/gradie10.gif");
border : 1px solid #000000;
max-width : 800px;
max-height : 200px;
padding : 6px;
text-align : justify;
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomright: 0px;
-webkit-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
}
body {
background-repeat:repeat-y;
background-position:center;
}


hr{
height: 6px;
border: dashed #e1effa 1px;
border-top-width:
1px;
background: url(http://hitskin.com/themes/16/21/26/i_background.png);
}
a.copyright
{
border:0;
background-color:
none;
}


/* النافبار - mns4.ahladalil.com */
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}
.clearit {
margin: 0;
padding: 0;
height: 0;
clear: both;
}
 
.bubplastic.horizontal {
width: 100%;
height: 27px;
margin: 0;
padding: 0;
background: #000000 url(http://img04.arabsh.com/uploads/image/2012/04/14/0e37454e60fa04.png) top left repeat-x;
}
.bubplastic.horizontal ul {
list-style: none;
margin: 0;
padding: 0;
}
.bubplastic.horizontal ul li {
float: right;
margin: 0;
padding: 0;
background: transparent url(http://img04.arabsh.com/uploads/image/2012/04/14/0e37454e60fa04.png) top left no-repeat;
}
 
.bubplastic.horizontal ul li a {
display: block;
height: 27px;
padding-left: 35px;
float: left;
text-transform: uppercase;
font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
font-size: 70%;
color: #FFFFFF;
text-decoration: none;
}
 
.bubplastic.horizontal ul li a span.menu_ar {
display: block;
float: left;
height: 22px;
padding-top: 5px;
padding-right: 35px;
background: transparent url) top right no-repeat;
cursor: pointer;
}
/*  النافبار - mns4.ahladalil.com */





/*-----M!Do x love وضع اطار احترافي على الصورة الشخصية -----*/
.postdetails.poster-profile a img {
margin-top:35px;
border: 0;
background: #595959 url(http://img97.imageshack.us/img97/4547/copy3ofcopyofcontentend.png) repeat-x;
padding: 35px 5px 5px 5px;
essa_elgn --- M!Do x love;
background-position: top;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border:1px solid #595959;
-moz-box-shadow: 1px 1px 6px 6px #595959


 

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://samar22.forumpalestine.com/
فارس الاسلام
نائب المدير

نائب المدير
avatar

الجنس : ذكر
عدد المساهمات : 127
نقاطي : 177

الدولة :
التقييم : 2
احترام قوانين المنتدى: :
عضو في منتدى الدعم و المساعدة الجزائري لمنتديات احلى منتدى الجزائرية


مُساهمةموضوع: رد: كود css كامل ما عليكم سوري اخده ووضعه داخل روقة css   15/7/2012, 11:38

جزاك الله خيرا أختي الكريمة قمت بوضع بعض الأكواد منها في منتداي الموافقة
lol!
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://tlim.yoo7.com
abo_shab
عضو جديد
عضو جديد
avatar

الجنس : ذكر
عدد المساهمات : 30
نقاطي : 33

الدولة :
التقييم : 1
احترام قوانين المنتدى: :
عضو في منتدى الدعم و المساعدة الجزائري لمنتديات احلى منتدى الجزائرية


مُساهمةموضوع: رد: كود css كامل ما عليكم سوري اخده ووضعه داخل روقة css   27/7/2012, 02:59

جزاك الله كل خير اخي الكريم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود css كامل ما عليكم سوري اخده ووضعه داخل روقة css
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 ::  عالم الاكواد :: . :: اكواد ال CSS-
انتقل الى: