انجمن متا: طراحی سایت و سئو - دانلود قالب و تم - کریپتو

کامپیوتر، اینترنت، شبکه، مدیریت محتوا، تم => زبان های برنامه نویسی => نويسنده: ali22 در بعد از ظهر 16:34:01 - 11/27/11

عنوان: کاربرد کد زیر چیست؟؟؟؟؟؟؟؟؟؟؟؟؟؟/
رسال شده توسط: ali22 در بعد از ظهر 16:34:01 - 11/27/11
body {margin: 0; padding: 0; font: normal 82% sans-serif; background-image: url(blocksbg1.jpg); background-attachment: fixed;}
h1 {margin: 0; margin-bottom: 0px; padding: 8px; color: #ffffff; background-image: url(laptop1.jpg); background-color: #0066FF;}
.tagline {font-size: 60%; color: #ffffff;}

#search {float: right; width: 280px; padding: 5px; text-align: right;}
.button {border: outset; 2px #000000; background-color: #00CCFF; color: #ffffff; font-weight: bold;}
.text {border: solid 1px #000000; background-color: #eeeeee;}

#bread {margin-top: 0px; margin-bottom: 10px; padding: 5px; border-top: solid 1px #000000; border-bottom: solid 1px #000000; background-color: #00CCFF; text-align: right;}
#bread a {margin-left: 2px; margin-right: 2px; color: #000000; text-decoration: none;}
#bread a:hover {text-decoration: underline;}

#left {float: left; width: 18%; border: solid 1px #cccccc; margin-bottom: 15px; background-color: #ffffff; border-top: 0;}
#left ul {list-style: none; margin: 0; padding: 0;}
#left li {margin: 0px; padding: 0px;}
#left a {display: block; width: 95.5%; margin: 0px; padding: 2px; border: solid 1px #ffffff; color: #0066cc; text-decoration: none;}
#left a:hover {border: solid 1px #0066cc; background-color: #0066cc; color: #ffffff;}
#left h3 {margin: 0; padding: 2px; font-weight: normal; background-color: #FFCCFF; border-top: solid 1px #000000; border-bottom: solid 1px #000000;}

#content {margin-left: 20%; padding: 0; border-left: solid 1px #cccccc; border-top: 0; border-bottom: solid 1px #ffffff;  background-color: #ffffff;}
#content h3 {margin: 0; padding: 2px; font-weight: normal; background-color: #FFCCFF; border-top: solid 1px #000000; border-bottom: solid 1px #000000;}
#content p {margin: 5px; color: #000000;}
#content a {color: #0066cc; text-decoration: none;}
#content a:hover {color: #0000ff; text-decoration: underline;}
#content .point {margin: 3%; padding: 0px; border: solid 1px #000000; border-top: 0; background-color: #f9f9f9;}
#content .point h3 {}
#content .code {margin: 3%; padding: 7px; border: solid 1px #cccccc; background-color: #eeeeee; font: normal 100% courier; color: #000000;}

#footer {clear: both; margin-top: 0px; padding: 5px; border: solid 1px #cccccc; background-color: #0066FF;}
#footer p {float: left; margin: 0;}
#footer h5 {margin: 0; text-align: right; color: #000000;}
#footer a {margin-left: 2px; margin-right: 2px; color: #000000; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
عنوان: پاسخ : کاربرد کد زیر چیست؟؟؟؟؟؟؟؟؟؟؟؟؟؟/
رسال شده توسط: aria_com63 در بعد از ظهر 17:56:27 - 11/27/11
سلام ترجمه کد شما

body {margin: 0; padding: 0; font: normal 82% sans-serif; background-image: url(blocksbg1.jpg); background-attachment: fixed;} h1 {margin: 0; margin-bottom: 0px; padding: 8px; color: #ffffff; background-image: url(laptop1.jpg); background-color: #0066FF;} .tagline {font-size: 60%; color: #ffffff;} #search {float: right; width: 280px; padding: 5px; text-align: right;} .button {border: outset; 2px #000000; background-color: #00CCFF; color: #ffffff; font-weight: bold;} .text {border: solid 1px #000000; background-color: #eeeeee;} #bread {margin-top: 0px; margin-bottom: 10px; padding: 5px; border-top: solid 1px #000000; border-bottom: solid 1px #000000; background-color: #00CCFF; text-align: right;} #bread a {margin-left: 2px; margin-right: 2px; color: #000000; text-decoration: none;} #bread a:hover {text-decoration: underline;} #left {float: left; width: 18%; border: solid 1px #cccccc; margin-bottom: 15px; background-color: #ffffff; border-top: 0;} #left ul {list-style: none; margin: 0; padding: 0;} #left li {margin: 0px; padding: 0px;} #left a {display: block; width: 95.5%; margin: 0px; padding: 2px; border: solid 1px #ffffff; color: #0066cc; text-decoration: none;} #left a:hover {border: solid 1px #0066cc; background-color: #0066cc; color: #ffffff;} #left h3 {margin: 0; padding: 2px; font-weight: normal; background-color: #FFCCFF; border-top: solid 1px #000000; border-bottom: solid 1px #000000;} #content {margin-left: 20%; padding: 0; border-left: solid 1px #cccccc; border-top: 0; border-bottom: solid 1px #ffffff; background-color: #ffffff;} #content h3 {margin: 0; padding: 2px; font-weight: normal; background-color: #FFCCFF; border-top: solid 1px #000000; border-bottom: solid 1px #000000;} #content p {margin: 5px; color: #000000;} #content a {color: #0066cc; text-decoration: none;} #content a:hover {color: #0000ff; text-decoration: underline;} #content .point {margin: 3%; padding: 0px; border: solid 1px #000000; border-top: 0; background-color: #f9f9f9;} #content .point h3 {} #content .code {margin: 3%; padding: 7px; border: solid 1px #cccccc; background-color: #eeeeee; font: normal 100% courier; color: #000000;} #footer {clear: both; margin-top: 0px; padding: 5px; border: solid 1px #cccccc; background-color: #0066FF;} #footer p {float: left; margin: 0;} #footer h5 {margin: 0; text-align: right; color: #000000;} #footer a {margin-left: 2px; margin-right: 2px; color: #000000; text-decoration: none;} #footer a:hover {text-decoration: underline;}
بدن {حاشیه : 0 ؛ از Padding : 0. فونت : عادی 82 ٪ بدون - سریف ، تصویر پس زمینه : URL (blocksbg1.jpg) ؛ پس زمینه دلبستگی : ثابت ؛} H1 {حاشیه : 0 ؛ حاشیه پایین : 0px ؛ بالشتک : 8px رنگ : # FFFFFF ؛ تصویر پس زمینه : آدرس URL (laptop1.jpg) ، رنگ پس زمینه : # 0066FF ؛} شعار {فونت ، اندازه : 60 ٪ ، رنگ : # FFFFFF ؛} # جستجو {شناور : راست. عرض : 280px ؛ از Padding : 5px ؛ تراز متن : راست ؛} را فشار دهید {مرز : ابتدا ، 2px # 000000 ؛ رنگ پس زمینه : # 00CCFF ؛ رنگ : # FFFFFF ؛ فونت وزن : جسورانه ؛} متن {هم مرز : جامد 1px # 000000 و رنگ پس زمینه : # eeeeee ؛} # نان {حاشیه بالا : 0px ؛ حاشیه پایین : 10px ؛ از Padding : 5px ؛ حاشیهی بالا : جامد 1px # 000000 ؛ حاشیهی پایین : جامد 1px # 000000 ؛ رنگ پس زمینه : # 00CCFF ، تراز متن : راست ؛} # نان {حاشیه چپ : 2px ؛ حاشیه راست : ؛ رنگ 2px : # 000000 ؛ متن دکوراسیون : هیچ ؛} # نان : شناور {متن دکوراسیون : زیر خط دار خط ؛} # سمت چپ {شناور : چپ ، عرض : 18 ٪ ؛ مرز : جامد 1px # CCCCCC ؛ حاشیه پایین : 15px ؛ رنگ پس زمینه : # FFFFFF ؛ حاشیهی بالا : 0 ؛} # سمت چپ UL {لیست سبک : هیچ حاشیه : 0 ؛ از Padding : 0 ؛} # سمت چپ لی {حاشیه : 0px ؛ از Padding : 0px ؛} # سمت چپ صفحه نمایش {: بلوک ، عرض : 95.5 ٪ ؛ حاشیه : 0px ؛ از Padding : 2px ؛ مرز : جامد 1px # FFFFFF و رنگ : # 0066cc ؛ متن دکوراسیون : هیچ ؛} # سمت چپ : شناور {مرزی : جامد 1px # 0066cc ؛ رنگ پس زمینه : # 0066cc و رنگ : # FFFFFF ؛} H3 {حاشیه : 0 # سمت چپ ؛ بالشتک : 2px ؛ فونت وزن : عادی ، رنگ پس زمینه : FFCCFF حاشیهی بالا : جامد 1px # 000000 ؛ حاشیهی پایین : جامد 1px # 000000 ؛} # محتوا {حاشیه سمت چپ : 20 ٪ ، بالشتک ها : 0 ؛ حاشیهی چپ : 1px جامد # CCCCCC ؛ حاشیهی بالا : 0 ، مرز پایین : 1px جامد # FFFFFF رنگ پس زمینه : # FFFFFF ؛} # محتوا H3 {حاشیه : 0 ؛ از Padding : 2px ؛ فونت وزن : عادی ؛ رنگ پس زمینه : FFCCFF حاشیهی بالا : جامد 1px # 000000 ؛ حاشیهی پایین : جامد 1px # 000000 ؛} # محتوا P {حاشیه : 5px ؛ رنگ : # 000000 ؛} # محتوا رنگ {: # 0066cc ؛ متن دکوراسیون : هیچ ؛} # محتوا : شناور {رنگ : # 0000ff ؛ متن دکوراسیون : ؛ نقطه} محتوای # {حاشیه زیر خط دار خط : 3 ٪ ، از Padding : 0px ؛ مرز : جامد 1px # 000000 ؛ حاشیهی بالا : 0 رنگ پس زمینه : # f9f9f9 ؛} # محتوا نقطه H3 {} # محتوای کد {حاشیه : 3 ٪ ، از Padding : 7px ؛ مرز : جامد 1px # CCCCCC رنگ پس زمینه : # eeeeee ، فونت ها : عادی 100 ٪ پیک # بالا و پایین صفحه {روشن است : هر دو ، حاشیه بالا : 0px ؛ بالشتک و رنگ : # 000000 ؛} : 5px ؛ مرز : جامد 1px # CCCCCC # رنگ پس زمینه : # 0066FF ؛} P بالا و پایین صفحه {شناور : سمت چپ ؛ حاشیه : 0 ؛} # بالا و پایین صفحه H5 {حاشیه : 0 ؛ تراز متن : راست و رنگ : # 000000 ؛} # بالا و پایین صفحه {حاشیه چپ : 2px ؛ حاشیه راست : ؛ رنگ 2px : # 000000 ؛ متن دکوراسیون : هیچ ؛} # بالا و پایین صفحه : شناور {متن دکوراسیون : زیر خط دار خط ؛}