سوال: معنی این کد ها چیه؟؟؟ [بایگانی]

View Full Version : سوال: معنی این کد ها چیه؟؟؟

nineteen

دوشنبه 07 دی 1388, 08:23 صبح

سلام
ممنون میشم اگر هر کدام از این کد ها رو برام توضیح بدین یه توضیح مختصرم کافی هست
و اینکه آیا این کد ها به صورت قراردادی و تعریف شد هست یا نه

کد اول:rokmoomenu.css

.nav, .nav * {
margin:0;
padding:0;
}

div#horiz-menu { /* this is a z-index ie6 and ie7 bug fix */
position: relative;
z-index: 50;
}

div#horiz-menu .wrapper {
position: relative;
}

.nav {
line-height:1.0;
float:left;
margin-bottom:1.5em;
position: relative;
}
.nav ul {
background:#fff; /*IE6 needs this*/
padding: 0;
}

.nav li {
float:left;
list-style:none;
position:relative;
}

.nav li li a {
display:block;
padding: 0;
text-decoration:none;
background-image: none;
float:none;
width:135px
}

div#horiz-menu li li a {
height: 30px;
line-height: 30px;
}

div#horizmenu li:hover {background-position: 0 0;}

div#horiz-menu li:hover li,
div#horiz-menu li.sfHover li,
div#horiz-menu li.active:hover li,
div#horiz-menu li.active.sfHover li {
background-image: none;
}

div#horiz-menu li:hover li a,
div#horiz-menu li.sfHover li a,
div#horiz-menu li.active:hover li a,
div#horiz-menu li.active.sfHover li a {
background-image: none;
}

.nav li ul {
float:none;
top:-999em;
position:absolute;
width: 177px;
z-index: 5;
}

.nav li:hover ul,
.nav li.sfHover ul {
left:-2px;
top: 33px;
}
.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
top:-999em;
}
.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
left: 175px;
top:0px;
width: 175px;
}

.nav li li {
position: relative;
float:none;
width: 175px;
}
کد دوم : template_css.css

/* @group Core Elements */

html {

height: 100%;

margin-bottom: 1px;

}

.select1 { border:1px solid #B6CEFB; font-family: Tahoma; font-size: 8pt; WIDTH: 115px; background-color: #FFFFFF }

input { font-family:Tahoma; font-size:8pt }

.fild1 {

BORDER-RIGHT: #5A7F83 1px solid; BORDER-TOP: #5A7F83 1px solid; FONT-SIZE: 8pt; BACKGROUND: white; BORDER-LEFT: #5A7F83 1px solid; WIDTH: 100px; COLOR: #222233; BORDER-BOTTOM: #5A7F83 1px solid; FONT-FAMILY: Tahoma; TEXT-ALIGN: middle; HEIGHT: 15px

}

.fild2 {

BORDER-RIGHT: #5A7F83 1px solid; BORDER-TOP: #5A7F83 1px solid; FONT-SIZE: 8pt; BACKGROUND: white; BORDER-LEFT: #5A7F83 1px solid; WIDTH: 90px; COLOR: #222233; BORDER-BOTTOM: #5A7F83 1px solid; FONT-FAMILY: Tahoma; TEXT-ALIGN: middle; HEIGHT: 15px

}

textarea{ font-family: Tahoma; font-size: 8pt }

body, td {

font-size: 12px;

font-family: Tahoma;

line-height: 135%;

}

p { font-family: Tahoma; font-size: 8pt }

h1, h2, h3, h4, h4 {

/* setup some more readable header spacing */

padding-bottom: 5px;

margin: 15px 0;

}

h1 {

font-size: 200%;

}

h2 {

font-size: 175%;

}

h3 {

font-size: 150%;

}

h4 {

font-size: 120%;

}

body {

margin: 0;

padding: 0;

}

a {

text-decoration: none;

}

a:hover {

text-decoration: underline;

}

/* @end */

/* @group Joomla Elements */

.small,

.modifydate,

.createdate,

div.mosimage_caption {

font-size: 95%;

}

.componentheading {

font-size: 150%;

}

.contentheading {

font-size: 170%;

}

.componentheading {

padding: 10px 5px;

margin-bottom: 15px;

font-variant: small-caps;

}

td.componentheading {

padding-bottom: 15px;

}

#mainframe td.sectiontableheader {

font-weight: bold;

padding: 4px 2px;

}

.sectiontableentry1,

.sectiontableentry2 {

text-align: left;

padding: 2px 0;

}

/* @end */

/* @group Smoke */

#smoke #topbar {

background: url(../images/smoke/topbar-bg.png) 0 0 repeat-x;

}

#smoke #shadow-top {

background: url(../images/smoke/shadow-t.png) 0 0 no-repeat;

}

#smoke #shadow-middle {

background: url(../images/smoke/shadow-m.png) 0 0 repeat-y;

}

#smoke #shadow-bottom {

background: url(../images/smoke/shadow-b.png) 0 0 repeat-y;

}

#smoke #shadow-rocket {

background: url(../images/smoke/shadow-rocket.png) 0 0 repeat-y;

}

#smoke .sections td,

#smoke #mainframe td#left,

#smoke #mainframe td#right,

#smoke #mainframe #user1,

#smoke #mainframe #page,

#smoke pre,

#smoke blockquote,

#smoke .sectiontableheader {

background: url(../images/trans-15.png);

}

#smoke #inset {

background: url(../images/smoke/login-smoke.png) 0 0 no-repeat;

}

#smoke span.alert {

color: #d00000;

border-top: 3px solid #750b09;

border-bottom: 3px solid #750b09;

background: #391111 url(../images/smoke/sm-status-alert.png) 10px 50% no-repeat;

}

#smoke span.info {

color: #0055bc;

border-top: 3px solid #073361;

border-bottom: 3px solid #073361;

background: #112031 url(../images/smoke/sm-status-info.png) 10px 50% no-repeat;

}

#smoke span.note {

color: #b98f00;

border-top: 3px solid #745d07;

border-bottom: 3px solid #745d07;

background: #382f11 url(../images/smoke/sm-status-note.png) 10px 50% no-repeat;

}

#smoke span.download {

color: #568517;

border-top: 3px solid #445b16;

border-bottom: 3px solid #445b16;

background: #272f15 url(../images/smoke/sm-status-download.png) 10px 50% no-repeat;

}

/* @end */

/* @group Glass */

#glass #topbar {

background: url(../images/glass/topbar-bg.png) 0 0 repeat-x;

}

#glass #shadow-top {

background: url(../images/glass/shadow-t.png) 0 0 no-repeat;

}

#glass #shadow-middle {

background: url(../images/glass/shadow-m.png) 0 0 repeat-y;

}

#glass #shadow-bottom {

background: url(../images/glass/shadow-b.png) 0 0 repeat-y;

}

#glass #shadow-rocket {

background: url(../images/glass/shadow-rocket.png) 0 0 repeat-y;

}

#glass .sections td,

#glass #mainframe td#left,

#glass #mainframe td#right,

#glass #mainframe #user1,

#glass #mainframe #page,

#glass pre,

#glass blockquote,

#glass .sectiontableheader {

background: url(../images/trans-10.png);

}

#glass #inset {

background: url(../images/glass/login-glass.png) 0 0 no-repeat;

}

#glass span.alert {

color: C#‎00;

border-top: 3px solid #fc9088;

border-bottom: 3px solid #fc9088;

background: #ffd8d8 url(../images/glass/gl-status-alert.png) 10px 50% no-repeat;

}

#glass span.info {

color: #0055BB;

border-top: 3px solid #7dabdd;

border-bottom: 3px solid #7dabdd;

background: #d9e7f9 url(../images/glass/gl-status-info.png) 10px 50% no-repeat;

}

#glass span.note {

color: #B79000;

border-top: 3px solid #fbe288;

border-bottom: 3px solid #fbe288;

background: #fff6d8 url(../images/glass/gl-status-note.png) 10px 50% no-repeat;

}

#glass span.download {

color: #57861A;

border-top: 3px solid C#‎be093;

border-bottom: 3px solid C#‎be093;

background: #eef6dc url(../images/glass/gl-status-download.png) 10px 50% no-repeat;

}

/* @end */

/* @group Structure */

div.wrapper {

margin: 0 auto;

width: 925px;

text-align: left;

position: relative;

}

#shadow-middle {

padding: 0 24px;

}

#shadow-bottom {

padding: 0 24px 20px 24px;

}

#shadow-bottom .padding {

padding: 20px 20px;

}

#shadow-middle .padding {

padding: 60px 24px 20px 24px;

}

#topbar {

height: 35px;

line-height: 25px;

}

#topbar div.moduletable {

float: right;

margin-right: 30px;

padding: 0px;

line-height: 20px;

height: 21px;

overflow: hidden;

}

#topbar .mainlevel {

padding-top: 2px;

float: left;

padding-left: 5px;

display: block;

}

#topbar span.article_seperator {

display: block;

position: absolute;

}

#topbar div.moduletable table {

width: auto;

}

#shadow-top {

height: 39px;

}

#shadow-rocket {

height: 91px;

text-align: center;

}

img#rocket {

width: 200px;

height: 40px;

border: 0;

}

C#‎ontent {

padding-top: 75px;

}

#logo {

display: block;

background: url(../images/logo.png) 0 0 no-repeat;

width: 268px;

height: 63px;

position: absolute;

left: 50px;

top: 30px;

border: 0;

}

#showcase {

background: url(../images/trans-20.png);

}

#mainframe,

.sections {

border-collapse: collapse;

padding: 0;

margin-top: 20px;

width: 100%;

}

#shadow-bottom .sections {

margin-top: 0;

}

#user1 {

margin-bottom: 20px;

height: 1%;

}

#page {

padding: 0px 0px;

}

#inset,

#inset-mod {

position: absolute;

right: 46px;

width: 481px;

height: 51px;

top: 40px;

}

/* @end */

/* @group Table Control */

#mainframe td,

.sections td {

padding: 0;

}

#mainframe td#left,

#mainframe td#right {

width: 175px;

}

td.w33 {

width: 33%;

}

td.w49 {

width: 50%;

}

td.w99 {

width: 100%;

}

#mainframe td.spacer,

.sections td.spacer,

#glass .sections td.spacer,

#smoke .sections td.spacer {

width: 20px;

background: none;

border: 0;

}

td.spacer img {

width: 20px;

}

#mainframe tr {

vertical-align: top;

}

/* @end */

/* @group Login/Logout */

.loginelement {

width: 150px;

float: left;

padding: 15px;

}

.loginelement label {

font-weight: bold;

color: #fff;

}

.loginelement .inputbox {

width: 75px;

}

span.loginsubmit,

span.logoutsubmit {

display: block;

float: left;

background: url(../images/login-button.png ) 0 0 no-repeat;

width: 93px;

height: 41px;

line-height: 41px;

text-align: center;

font-weight: bold;

margin-top: 5px;

cursor: pointer;

}

span.loginsubmit span,

span.logoutsubmit span {

color: #fff;

}

/* @end */

/* @group Modules */

.moduletable,

.moduletable-hilite1,

.moduletable-hilite2,

.moduletable-hilite3,

.moduletable-hilite4,

.moduletable-hilite5,

.moduletable-hilite6,

.moduletable-hilite7,

.moduletable-hilite8,

.moduletable-hilite9,

.moduletable-hilite10,

.moduletable-hilite11,

.moduletable-hilite12,

.moduletable-hilite13,

.moduletable-hilite14,

.moduletable-hilite15,

.moduletable-hilite16,

.moduletable-hilite17,

.moduletable-hilite18,

.moduletable-hilite19,

.moduletable-hilite20 {

padding: 10px;

height: 1%;

margin-bottom: 15px;

}

.moduletable h3,

.moduletable-hilite1 h3,

.moduletable-hilite2 h3,

.moduletable-hilite3 h3,

.moduletable-hilite4 h3,

.moduletable-hilite5 h3,

.moduletable-hilite6 h3,

.moduletable-hilite7 h3,

.moduletable-hilite8 h3,

.moduletable-hilite9 h3,

.moduletable-hilite10 h3,

.moduletable-hilite11 h3,

.moduletable-hilite12 h3,

.moduletable-hilite13 h3,

.moduletable-hilite14 h3,

.moduletable-hilite15 h3,

.moduletable-hilite16 h3,

.moduletable-hilite17 h3,

.moduletable-hilite18 h3,

.moduletable-hilite19 h3,

.moduletable-hilite20 h3 {

height: 33px;

line-height: 33px;

font-size: 100%;

font-weight: bold;

padding: 0;

margin: -11px -10px 10px -10px;

padding-left: 22px;

}

.moduletable7 h3 {

height: 33px;

line-height: 33px;

font-size: 100%;

font-weight: bold;

padding: 0;

padding-left: 22px;

}

.moduletable-hilite1 h3 {

background: url(../images/headers/black/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite2 h3 {

background: url(../images/headers/blue/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite3 h3 {

background: url(../images/headers/brown/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite4 h3 {

background: url(../images/headers/dark-blue/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite5 h3 {

background: url(../images/headers/dark-green/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite6 h3 {

background: url(../images/headers/dark-orange/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite7 h3 {

background: url(../images/headers/dark-purple/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite8 h3 {

background: url(../images/headers/dark-red/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite9 h3 {

background: url(../images/headers/dark-teal/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite10 h3 {

background: url(../images/headers/green/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite11 h3 {

background: url(../images/headers/grey/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite12 h3 {

background: url(../images/headers/magenta/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite13 h3 {

background: url(../images/headers/olive/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite14 h3 {

background: url(../images/headers/orange/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite15 h3 {

background: url(../images/headers/purple/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite16 h3 {

background: url(../images/headers/red/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite17 h3 {

background: url(../images/headers/silver/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite18 h3 {

background: url(../images/headers/tan/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite19 h3 {

background: url(../images/headers/teal/header-bg.png) 0 0 repeat-x;

}

.moduletable-hilite20 h3 {

background: url(../images/headers/yellow/header-bg.png) 0 0 repeat-x;

}

/* @end */

/* @group Horizontal Menu */

#horiz-menu {

height: 33px;

padding-left: 20px;

}

#horiz-menu ul {

list-style: none;

margin: 0;

padding: 0 0 0 0px;

}

#horiz-menu li {

display: block;

float: left;

margin: 0;

padding: 0;

}

#horiz-menu a {

display: block;

float: left;

height: 33px;

line-height: 33px;

padding: 0 20px;

font-weight: bold;

}

#horiz-menu a:hover {

text-decoration: none;

}

/* @end */

/* @group Sidenav Menu */

ul.sidenav {

margin: 0;

padding: 0;

}

ul.sidenav li {

list-style: none;

margin: 0;

padding: 3px 0;

font-weight: bold;

}

ul.sidenav li li {

border-bottom: 0;

}

/* @end */

/* @group Content Styles */

/* @group Pathway */

span.pathway {

display: block;

line-height: 20px;

height: 20px;

font-weight: bold;

margin-bottom: 15px;

}

span.pathway img {

float: left;

margin: 0 10px;

}

span.pathway a {

float: left;

}

/* @end */

/* @group RokLatest */

#accordian h3.toggler {

position: relative;

cursor: pointer;

margin-top: 0;

margin-bottom: 0;

}

#accordian a.readon {

position: static;

}

/* @end */

/* @group RokFlow */

#rokflow, #rokflow #loader {

overflow: hidden;

position: relative;

width: 800px;

height: 180px;

background: 50% 50% no-repeat url(../images/loader.gif);

}

#rokflow, #rokflow * {

margin:0; padding:0; border:0;

}

#rokflow div {

float: left;

position: relative;

}

#rokflow img {

width: 124px;

height: 178px;

border: 0;

top: 40px;

margin-top: 15px;

}

#rokflow div h3 {

display: block;

position: absolute;

white-space: nowrap;

text-align: center;

font-size: 10px;

font-weight: normal;

}

.moduletable #rokflow h3 {

background: none;

margin: 0;

padding: 0;

line-height: 100%;

height: auto;

}

#rokflow a {

text-decoration: none;

}

#rokflow #loader {

position: absolute;

top: 0; left: 0;

z-index: 1000;

}

/* @end */

/* @group RokSlide */

#frame div.button#right {

background: url(../images/arrow-right.png) 0 0 no-repeat;

}

#frame div.button#left {

background: url(../images/arrow-left.png) 0 0 no-repeat;

}

/* @end */

/* @group Typography */

pre {

padding: 10px;

}

blockquote {

font-style: italic;

font-size: 100%;

line-height: 150%;

width: auto;

padding: 10px;

margin: 15px 0;

}

blockquote.b {

font-weight: bold;

}

/* @end */

/* @group Notice Styles */

span.alert,

span.info,

span.download,

span.note {

display: block;

padding: 10px 10px 10px 50px;

margin: 15px 0;

}

/* @end */

.nounder {

text-decoration: none;

border: 0;

cursor: pointer;

}

.clr {

clear:both;

}

DIV#qTip {

BORDER-RIGHT: #5C6F7A 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 10px; Z-INDEX: 1000; BORDER-TOP: #5C6F7A 1px solid; BACKGROUND: #364148; PADDING-BOTTOM: 8px; POSITION: absolute; FONT: 11px Tahoma; BORDER-LEFT: #5C6F7A 1px solid; COLOR: #FFFFFF; PADDING-TOP: 5px; BORDER-BOTTOM: #5C6F7A 1px solid; width: 100px; DISPLAY: none; TEXT-ALIGN: right

}

/* @end */

nineteen

دوشنبه 07 دی 1388, 08:24 صبح

کد سوم : header-dark-teal.css

.moduletable h3 {

background: url(../images/headers/dark-teal/header-bg.png) 0 0 repeat-x;

}

.moduletable7 h3 {

background: url(../images/headers/dark-teal/header-bg.png) 0 0 repeat-x;

}

#horiz-menu {

background: url(../images/headers/dark-teal/header-bg.png) 0 0 repeat-x;

border-left: 1px solid #304B53;

border-right: 1px solid #304B53;

}

#horiz-menu li.active a,

#horiz-menu li li a {

color: #fff;

}

#horiz-menu li {

background: url(../images/headers/dark-teal/header-sep.png) 100% 0 no-repeat;

}

#horiz-menu ul {

background: url(../images/headers/dark-teal/header-sep.png) 0 0 no-repeat;

}

div#horiz-menu li:hover a,

div#horiz-menu li.sfHover a,

div#horiz-menu li.active:hover a,

div#horiz-menu li.active.sfHover a {

background: url(../images/headers/dark-teal/header-over.png) 0 0 repeat-x;

}

/* moomenu stuff */

div#horiz-menu .nav li li {

background: #304B53;

border-bottom: 1px solid #5A7F83;

border-right: 1px solid #5A7F83;

border-left: 1px solid #5A7F83;

}

div#horiz-menu li li a:link,

div#horiz-menu li li a:visited,

div#horiz-menu li li a:hover,

div#horiz-menu li.active li a:link,

div#horiz-menu li.active li a:visited,

div#horiz-menu li.active li a:hover {

background: url(../images/headers/dark-teal/submenu.png) 100% 50% repeat-y;

}

.nav li li:hover,

.nav li li.sfHover,

#horiz-menu li:hover li:hover,

#horiz-menu li.sfHover li.sfHover,

#horiz-menu li.active li.active {

background-color: #233B42;

}

#horiz-menu li:hover li a.daddy:link,

#horiz-menu li.sfHover li a.daddy:link,

#horiz-menu li:hover li a.daddy:visited,

#horiz-menu li.sfHover li a.daddy:visited {

background: url(../images/headers/dark-teal/submenu-selected.png) 100% 50% no-repeat;

}

/* side menu */

ul.sidenav li {

border-bottom: 1px solid #304B53;

}

/* rokslide stuff */

ul#rokslide-toolbar {

background: url(../images/headers/dark-teal/header-bg.png) 0 0 repeat-x;

}

#rokslide-toolbar li {

background: url(../images/headers/dark-teal/header-sep.png) 100% 0 no-repeat;

}

#rokslide-toolbar li.active {

background: url(../images/headers/dark-teal/header-over.png) 0 0 repeat-x;

}

#rokslide-toolbar li.current {

background: url(../images/headers/dark-teal/header-over.png) 0 0 repeat-x;

}

nineteen

دوشنبه 07 دی 1388, 08:25 صبح

کد چهارم : rokslidestrip.css

#rokslide { visibility: hidden;}

hr {

clear: both;

height: 0;

border: 0;

visibility: hidden;

margin: 0;

padding: 0;

}

/* The toolbar for the content box */

ul#rokslide-toolbar {

float: left;

text-align: center;

list-style: none;

margin: -1px 0 0 0;

padding: 0;

clear: both;

padding-left: 20px;

}

#rokslide-toolbar li {

float: left;

height: 33px;

line-height: 33px;

display: block;

cursor: pointer;

list-style: none;

padding: 0 15px;

font-weight: bold;

}

#frame {

position: relative;

overflow: hidden;

z-index: 1;

background: none;

}

#frame div.button {

position: absolute;

width: 36px;

height: 36px;

cursor: pointer;

overflow: hidden;

top: 40%;

}

#frame div.button#left {

left: 10px;

}

#frame div.button#right {

right: 10px;

}

#frame div.button#left:hover, #frame div.button#left.hover,

#frame div.button#right:hover, #frame div.button#right.hover{

background-position: 0 -36px;

}

#scroller {

margin: 10 auto;

overflow: hidden;

background: none;

}

.tab-pane {

margin: 0 20px;

float: left;

overflow: hidden;

visibility: visible;

}

nineteen

دوشنبه 07 دی 1388, 08:26 صبح

کد پنجم : rokzoom.css

#rbCenter {

position: absolute;

z-index: 1000;

text-align: left;

}

#rbCenter.rbLoading {

background: url(images/loading.gif) no-repeat center center;

}

#rbImage {

padding: 10px;

background: #0d0d0d;

border:1px solid #333;

}

#rbBottom {

position: absolute;

background-color: #0d0d0d;

font-family: Verdana, Helvetica, sans-serif;

font-size: 10px;

color: #666;

line-height: 1.4em;

text-align: left;

border: 1px solid #333;

padding: 10px;

border-top-style: none;

z-index: 900;

display: none;

}

#rbCloseLink {

cursor: pointer;

float: right;

width: 75px;

height: 33px;

background: transparent url(images/closelabel.gif) no-repeat center;

margin: 5px 0;

}

#rbCaption, #rbNumber {

margin-right: 71px;

}

#rbCaption {

font-weight: bold;

}

#rbLinks {

position: absolute;

z-index: 1100;

display: none;

}

#rbPrevLink, #rbNextLink {

cursor: pointer;

margin: 0; padding: 0;

position: absolute;

top: 0;

width: 49%;

}

#rbPrevLink {

left: 0;

}

#rbPrevLink.hover {

background: url(images/prevlabel.gif) no-repeat 0% 15%;

}

#rbNextLink {

right: 0;

}

#rbNextLink.hover {

background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;

}

#rbShadow {

position: absolute;

z-index: 800;

}

nineteen

دوشنبه 07 دی 1388, 08:27 صبح

کد ششم: template_ie6.css

/** IE6 is a hunk of crap!!! don't ask me why this is needed **/

a, ul#rokslide-toolbar,

.moduletable,

form,

div.contentpane {position:relative;} /* hyperlink clickable fix */

/* more silly fixes for IE and login/logout area */

#inset {

z-index: 1;

}

#inset-mod {

z-index: 2;

}

#rokslide a,

a.toolbar,

table.adminform {position:static;}

/* start IE transparent PNG hacks */

#logo {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/logo.png', sizingMethod='crop');

background: none;

left: 0;

top: -10px;

}

#showcase {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/trans-20.png', sizingMethod='scale');

height: 1%;

background: none;

}

span.loginsubmit,

span.logoutsubmit {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/login-button.png', sizingMethod='scale');

background: none;

}

#frame div.button#right {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/arrow-right.png', sizingMethod='crop');

background: none;

}

#frame div.button#left {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/arrow-left.png', sizingMethod='crop');

background: none;

}

/* glass */

#glass #topbar {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/glass/topbar-bg.png', sizingMethod='scale');

background: none;

}

#glass #shadow-top {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/glass/shadow-t.png', sizingMethod='crop');

background: none;

}

#glass #shadow-middle {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/glass/shadow-m.png', sizingMethod='scale');

background: none;

height: 1%;

}

#glass #shadow-bottom {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/glass/shadow-b.png', sizingMethod='scale');

background: none;

height: 1%;

}

#glass #shadow-rocket {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/glass/shadow-rocket.png', sizingMethod='crop');

background: none;

}

#glass .sections td.section,

#glass #mainframe td#left,

#glass #mainframe td#right,

#glass #mainframe #user1,

#glass #mainframe #page,

#glass pre,

#glass blockquote,

#glass .sectiontableheader {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/trans-10.png', sizingMethod='scale');

background: none;

height: 1%;

}

#glass #inset {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/glass/login-glass.png', sizingMethod='crop');

background: none;

z-index: 1;

}

/* smoke */

#smoke #topbar {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/smoke/topbar-bg.png', sizingMethod='scale');

background: none;

}

#smoke #shadow-top {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/smoke/shadow-t.png', sizingMethod='crop');

background: none;

}

#smoke #shadow-middle {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/smoke/shadow-m.png', sizingMethod='scale');

background: none;

height: 1%;

}

#smoke #shadow-bottom {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/smoke/shadow-b.png', sizingMethod='scale');

background: none;

height: 1%;

}

#smoke #shadow-rocket {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/smoke/shadow-rocket.png', sizingMethod='crop');

background: none;

}

#smoke .sections td.section,

#smoke #mainframe td#left,

#smoke #mainframe td#right,

#smoke #mainframe #user1,

#smoke #mainframe #page,

#smoke pre,

#smoke blockquote,

#smoke .sectiontableheader {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/trans-15.png', sizingMethod='scale');

background: none;

height: 1%;

}

#smoke #inset {

filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='templates/rt_replicant/images/smoke/login-smoke.png', sizingMethod='scale');

background: none;

}

/* hacks for RokSlide */

.tab-pane {

margin-left: 10px;

}

/* quick hacks for RokMooMenu IE */

.nav li li a {

width: 132px;

}

*html .nav li li {

margin-bottom:-3px;

}

*html .nav li li li {

margin-bottom:-1px;

}

*+html .nav li li {

margin-bottom:-3px;

}

*+html .nav li li li {

margin-bottom:-1px;

}

/* rokflow hacks */

#rokflow a {

position: static;

}

nineteen

دوشنبه 07 دی 1388, 08:28 صبح

کد هفتم:

<style type="text/css">

body {color: #fff;background: #0a1b2b url(templates/rt_replicant/images/bg/bg36.jpg) 50% 0 no-repeat fixed;}

a { color: #98D7DA }

.moduletable h3, #horiz-menu, ul#rokslide-toolbar { color: #fff; }

#horiz-menu a, h3.toggler { color: #98D7DA; }

.sections td,#showcase,#mainframe td#left,#mainframe td#right,#mainframe #user1,#mainframe #page,pre,fieldset {border: 1px solid #364148;}

#shadow-bottom .padding { border-top: 1px solid #364148;}

#mainframe td#left, #mainframe td#right { width: 175px;}

</style>

h.emamie

دوشنبه 07 دی 1388, 19:39 عصر

منظورتون دقيقا چيه ، اين ها كدهاي css هستند ديگه ، چي رو توضيح بديم ؟

amirbiglari

سه شنبه 08 دی 1388, 08:14 صبح

سلام دوست عزیز . فکر کنم بهتر باشه که با استفاده از منابعی مانند کتاب یا مقالات و یا حتی تاپیک هایی که در همین تالار مطرح شده ابتدا css رو یاد بگیرید بعد اگه سوالی بود بپرسید . همه کدهایی که گفتید همه css هستند .

nineteen

سه شنبه 08 دی 1388, 12:09 عصر

نه منظور من این نبود که اینا چی هستن می دونم با چه زبانی نوشته شده می خواستم تفسیرش کنید که چه کار می کنند در روی سایت یا اینکه این ها از پیش تعریف شده هستند یا مه

amirbiglari

سه شنبه 08 دی 1388, 13:34 عصر

اولا که هیچ چیز از پیش تعریف شده ای در css وجود ندارد همه چیز رو باید خودتون بنویسید .css در واقع style مربوط به کدهای html شما رو تعیین میکند.با تعریف این استیل ها حتی میتونید منوهای کشویی نیز ایجا د کنید. دوما که تا کد html مربوط به اینها نباشه نمیشه جواب داد . در ضمن برای اینکه بتونید تفسیر کنید بهتر است که خودتون کم کم برنامه نویسی کنید تا یاد بگیرید سعی کنید از کدهای ساده شروع کنید .در نهایت اینکه سوال شما مثل این میمونه که بپرسید "یه نفر کل css رو بهم یاد بده " . پیشنهاد میکنم از تاپیک"فهرست مطالب آموزنده" در ابتدای تالار استفاده کنید

nineteen

سه شنبه 08 دی 1388, 18:49 عصر

یهنی حتی نمیشه مضمون این برنامه ها رو هم گفت