موضوع: اكواد الفئات والهيدر والفوتر اكواد الفئات والهيدر والفوتر قال لي العراقي انزل هدا الموضوع لمن يرغب ان يعمل ستايل تومبيلات تكون له ايطارات على كل المنتدى ايظا الفوتر واللوجو يكون تمام على هده الاكواد يتم التصميم حين توضع بال كي اس اس ايظا لازما تضع الوسم في تومبيلات حتا يظهر الصور اول تحمل هدا الستايل من هيت سكن الستايل الستايل الستايل فيه كل اكواد كي اس اس للاطارات بعدها تركب وسم الاطارات كل وحده في تومبيلات الخاصه بها ايظا يجب ان تصمم على هده الاكواد للاطارات لانها المناسبه لكل موديلات الستايلات تريد الهيدر في المنتصف او اي مكان تختاره لهدا السبب اخترنا هده الاكواد - الكود:
-
.page { background: #; color: #473017; font: 8pt tahoma; }
body{background:url("https://www.a-al7b.com/vb/a-al7b17-2021/hd1.gif")#0e0905;color:#fff;font:10pt tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;margin:0;padding:0} a:link,body_alink{color:#fff;text-decoration:none} a:visited,body_avisited{color:#fff;text-decoration:none} a:hover,a:active,body_ahover{color:#F40} .page{background:#0e0905;color:#fff;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif}
.page{background:url("https://www.a-al7b.com/vb/a-al7b17-2021/hd1.gif")#000;color:#d6cb69;font-family:'Droid Arabic Kufi'} .page a:link,.page_alink{color:#fff;text-decoration:none} .page a:visited,.page_avisited{color:#fff;text-decoration:none} td,th,p,li{font:9pt tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .tborder, .forumline{background:#d5ccc5;color:#000;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .tcat, .catBottom, .catLeft, .catRight ,.catHead{background:#6e491e url(https://i.servimg.com/u/f78/19/47/70/95/bg110.png) repeat-x;color:#fff;font:bold 10pt tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .tcat a:link,.tcat_alink, .catBottom a:link, .catLeft a:link, .catRight a:link, .catHead a:link{color:#fff;text-decoration:none} .tcat a:visited,.tcat_avisited, .catBottom a:visited, .catLeft a:visited, .catRight a:visited, .catHead a:visited{color:#fff;text-decoration:none} .tcat a:hover,.tcat a:active,.tcat_ahover, .catBottom a:active, .catLeft a:active, .catRight a:active, .catHead a:active, .catBottom a:hover, .catLeft a:hover, .catRight a:hover, .catHead a:hover{color:#e7a7c6;text-decoration:none} .thead, .thHead, .thSides, .thCornerL, .thTop, .thCornerR{background:#5b5b5b url(https://i.servimg.com/u/f78/19/47/70/95/bg210.png) repeat-x;color:#FFF;font:bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;text-shadow:0 1px 0 #000} .thead a:link,.thead_alink, .thHead a:link, .thSides a:link, .thCornerL a:link, .thTop a:link, .thCornerR a:link{color:#FFF;text-decoration:none} .thead a:visited,.thead_avisited, .thHead a:visited, .thSides a:visited, .thCornerL a:visited, .thTop a:visited, .thCornerR a:visited{color:#FFF;text-decoration:none} .thead a:hover,.thead a:active,.thead_ahover, .thHead a:hover, .thSides a:hover, .thCornerL a:hover, .thTop a:hover, .thCornerR a:hover, .thHead a:active, .thSides a:active, .thCornerL a:active, .thTop a:active, .thCornerR a:active{color:#FF0} .tfoot{background:#6e491e url(https://i.servimg.com/u/f78/19/47/70/95/bg111.png) repeat-x;color:#E0E0F6;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .tfoot a:link,.tfoot_alink{color:#E0E0F6;text-decoration:none} .tfoot a:visited,.tfoot_avisited{color:#E0E0F6;text-decoration:none} .tfoot a:hover,.tfoot a:active,.tfoot_ahover{color:#FF6} .alt1,.alt1Active, .row1{background:#eae5df url(https://i.servimg.com/u/f78/19/47/70/95/bg310.png) repeat-x;color:#5a5b5e;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;text-shadow:0 1px 0 #fff} .alt1 a:link,.alt1_alink,.alt1Active a:link,.alt1Active_alink, .row1 a:link{color:#271405;text-decoration:none} .alt1 a:visited,.alt1_avisited,.alt1Active a:visited,.alt1Active_avisited, .row1 a:visited{color:#271405;text-decoration:none} .alt1 a:hover,.alt1 a:active,.alt1_ahover,.alt1Active a:hover,.alt1Active a:active,.alt1Active_ahover, .row1 a:hover, .row1 a:active{color:#F40} .alt2,.alt2Active, .row2{background:#eae5df url(https://i.servimg.com/u/f78/19/47/70/95/bg311.png) repeat-x;color:#5a5b5e;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;text-shadow:0 1px 0 #fff} .alt2 a:link,.alt2_alink,.alt2Active a:link,.alt2Active_alink, .row2 a:link{color:#271405;text-decoration:none} .alt2 a:visited,.alt2_avisited,.alt2Active a:visited,.alt2Active_avisited, .row2 a:visited{color:#271405;text-decoration:none} .alt2 a:hover,.alt2 a:active,.alt2_ahover,.alt2Active a:hover,.alt2Active a:active,.alt2Active_ahover, .row2 a:hover, .row2 a:active{color:#F40} .inlinemod{background:#FFC;color:#000;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .wysiwyg{background:#F5F5FF;color:#000;font:10pt tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;margin:5px 10px 10px;padding:0} .wysiwyg a:link,.wysiwyg_alink{color:#22229C} .wysiwyg a:visited,.wysiwyg_avisited{color:#22229C} .wysiwyg a:hover,.wysiwyg a:active,.wysiwyg_ahover{color:#F40} textarea,.bginput, .post, input.post{font:10pt tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .bginput option,.bginput optgroup{font-size:10pt;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .button, .liteoption, .mainoption, input.genmed, input.liteoption, input.mainoption{font:11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} select{font:11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} option,optgroup{font-size:11px;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .smallfont{font:11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .time{color:#666686;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .navbar{font:11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .highlight{color:red;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;font-weight:700} .fjsel{background:#3E5C92;color:#E0E0F6} .fjdpth0{background:#F7F7F7;color:#000} .panel{background:#fff;color:#000;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;padding:10px;border:2px outset} .panelsurround{background:#fff;color:#000;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} legend{color:#22229C;font:11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif} .vbmenu_control{background:#6e491e url(https://i.servimg.com/u/f78/19/47/70/95/bg112.png) repeat-x;color:#FFF;font:bold 11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;padding:3px 6px;white-space:nowrap} .vbmenu_control a:link,.vbmenu_control_alink{color:#FFF;text-decoration:none} .vbmenu_control a:visited,.vbmenu_control_avisited{color:#FFF;text-decoration:none} .vbmenu_control a:hover,.vbmenu_control a:active,.vbmenu_control_ahover{color:#FFF;text-decoration:underline} .vbmenu_popup{background:#FFF;color:#000;font-family:tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;border:1px solid #0B198C} .vbmenu_option{background:#6e491e url(https://i.servimg.com/u/f78/19/47/70/95/bg113.png) repeat-x;color:#fff;font:11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;white-space:nowrap;cursor:pointer} .vbmenu_option a:link,.vbmenu_option_alink{color:#fff;text-decoration:none} .vbmenu_option a:visited,.vbmenu_option_avisited{color:#fff;text-decoration:none} .vbmenu_option a:hover,.vbmenu_option a:active,.vbmenu_option_ahover{color:#FFF;text-decoration:none} .vbmenu_hilite{background:#5b5b5b url(https://i.servimg.com/u/f78/19/47/70/95/bg211.png) repeat-x;color:#FFF;font:11px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;white-space:nowrap;cursor:pointer} .vbmenu_hilite a:link,.vbmenu_hilite_alink{color:#FFF;text-decoration:none} .vbmenu_hilite a:visited,.vbmenu_hilite_avisited{color:#FFF;text-decoration:none} .vbmenu_hilite a:hover,.vbmenu_hilite a:active,.vbmenu_hilite_ahover{color:#FFF;text-decoration:none} .bigusername{font-size:14pt} td.thead,th.thead,div.thead{padding:4px} .pagenav a{text-decoration:none} .pagenav td{padding:2px 4px} .shade,a.shade:link,a.shade:visited{color:#777;text-decoration:none} a.shade:active,a.shade:hover{color:#F40;text-decoration:underline} .tcat .shade,.thead .shade,.tfoot .shade{color:#DDD} .fieldset{margin-bottom:6px} .fieldset,.fieldset td,.fieldset p,.fieldset li{font-size:11px} .h1{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/hd111.gif);height:908px;background-repeat:repeat-x} .h2{background-image:url(https://b.top4top.io/p_2225vod3m1.gif);background-repeat:no-repeat;width:1500px;height:908px;float:right} .h3{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/hd111.gif);background-repeat:no-repeat;width:213px;height:908px;float:left}
.f1{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/hd111.gif);height:750px;background-repeat:repeat-x} .f2{background-image:url(https://c.top4top.io/p_2225fyk881.gif);background-repeat:no-repeat;width:1530px;height:750px;float:right} .f3{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/hd111.gif);background-repeat:no-repeat;width:10px;height:750px;float:left}
.block1{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/nav-ht10.gif);background-repeat:repeat-x;height:250px} .block2{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/nav-h110.gif);background-repeat:no-repeat;float:right;height:250px;width:700px} .block3{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/nav-h210.gif);background-repeat:no-repeat;float:left;height:250px;width:250px}
.block7{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/nav-ft10.gif);background-repeat:repeat-x;height:202px} .block8{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/nav-f110.gif);background-repeat:no-repeat;float:right;height:202px;width:700px} .block9{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/nav-f210.gif);background-repeat:no-repeat;float:left;height:202px;width:197px} .block4{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/nav-p110.gif);background-repeat:repeat-y;background-position:right;padding-right:10px} .block5{background-image:url(https://i.servimg.com/u/f18/20/23/40/69/nav-p211.gif);background-position:left center;background-repeat:repeat-y;padding-left:20px;padding-right:10px}
.buttons{margin-right:-74px;margin-top:10px} .button1{background-image:url(https://i.servimg.com/u/f78/19/47/70/95/but110.png);background-position:-165px -5px;background-repeat:no-repeat;float:right;height:30px;width:77px;margin-right:34px} .button1:hover{background-position:-165px -40px} .button2{background-image:url(https://i.servimg.com/u/f78/19/47/70/95/but111.png);background-position:-86px -5px;background-repeat:no-repeat;float:right;height:30px;width:77px;margin-right:4px} .button2:hover{background-position:-86px -40px} .button3{background-image:url(https://i.servimg.com/u/f78/19/47/70/95/but112.png);background-position:-6px -5px;background-repeat:no-repeat;float:right;height:30px;width:77px;margin-right:195px;margin-top:-30px} .button3:hover{background-position:-6px -40px} #topbar{height:32px} .colorchooser{float:left;margin-left:52px;margin-top:6px;position:relative;width:141px} .colorchooser span{font-family:arial;color:#FFF;font-size:10px;text-decoration:none;float:left;display:block} .colorchooser a{display:block;float:left;height:10px;margin-left:3px;width:10px} عند التصميم يجب ان يكون تصميمك دقيقا وبارعا حتا تستفيد من شغلك شكرا لكل من قرء الموضوع
|