Big Boss المشرف العام
| موضوع: اجمل اكواد css الخميس 20 أغسطس - 10:35 | |
| السلام عليكم ورحمة الله وبركاته ،،
سأخصص هذا الموضوع لنشرالأكواد المهمة والجميلة بإستخدام CSS ..
بسم الله نبدأ ..
أول كود .. قائمة أقسام موقع ..
مثال :
كيفية التطبيق:
ضع هذا الكود ضمن الستايل شيت اذا ما خصصت ملف لجلبه او ضمن الصفحة نفسها اذا لم تخصص صفحة منفصلة له .
- الكود:
-
/* */ /*URL: [url=http://www.zajil.com/][color=#931b00]http://www.zajil.com/[/color][/url] */
#modernbricksmenu{ padding: 0; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit; }
#modernbricksmenu ul{ font: bold 11px tahoma; margin:0; margin-left: 40px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
#modernbricksmenu li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }
#modernbricksmenu a{ float: left; display: block; color: white; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; text-decoration: none; letter-spacing: 1px; background-color: black; /*Default menu color*/ border-bottom: 1px solid white; }
#modernbricksmenu a:hover{ background-color: gray; /*Menu hover bgcolor*/ }
#modernbricksmenu #current a{ /*currently selected tab*/ background-color: #D25A0B; /*Brown color theme*/ border-color: #D25A0B; /*Brown color theme*/ }
#modernbricksmenuline{ clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #D25A0B; /*Brown color theme*/ }
#myform{ /*CSS for sample search box. Remove if desired */ float: right; margin: 0; padding: 0; }
#myform .textinput{ width: 190px; border: 1px solid gray; }
#myform .submit{ font: bold 11px tahoma; height: 22px; background-color: lightyellow; }
ثم أضف هذا الكود وأجري عليه التغيرات اللازمة من روابط وعناوين الروابط ..
- الكود:
-
[list] <LI style="MARGIN-LEFT: 1px">[url=http://www.zajildot.com]zajil[/url] [*][url=http://www.zajildot.com/]zajil[/url]<LI id=current>[url=http://www.zajildot.com/]zajil[/url] [*][url=http://www.zajildot.com]zajil[/url] [*][url=http://www.zajildot.com/forums/]zajil[/url] [/list]
بالتوفيق .. | |
|
goals مشرف اولي
| موضوع: رد: اجمل اكواد css الجمعة 21 أغسطس - 9:42 | |
| | |
|