12-04-2006, 10:25
|
|
|
חבר מתאריך: 19.11.05
הודעות: 87
|
|
אוקי הצלחתי בעזרת frame אבל זה לא הכי טוב זה מזופת מדי ,מצאתי תפריט שהביאו לי אבל לא הבנתי את הסדר ! הנה הקוד :
html {- color : #000;
- background : #fff;
}
body {- text-align : center;
- font-family : verdana, arial, sans-serif;
- font-size : 76%;
- color : #000;
- background : #fff url(back.gif) repeat-x;
- padding : 0;
- border : 0;
- margin : 0;
}
a, a:visited {}
a:hover {}
#wrapper {- width : 750px;
- margin : 0 auto;
- text-align : left;
- background : #c9c9a7;
}
#head {- width : 750px;
- height : 150px;
- background : #c9c6a7 url(head_back.gif) repeat-y;
- position : relative;
- border-bottom : 1px solid #888;
}
* html #head {- height : 151px;
- height : 150px;
}
#replacement {}
h1#title {- position : relative;
- width : 630px;
- height : 60px;
- padding : 0;
- margin : 0;
}
h1#title {}
h1#title em {- display : block;
- width : 630px;
- height : 60px;
- background : url(cssplay.gif);
- position : absolute;
- top : 0;
- left : 0;
}
h2#slogan {- position : relative;
- width : 630px;
- height : 20px;
- padding : 0;
- margin : 0;
- text-align : left;
}
h2#slogan { }
h2#slogan em {- display : block;
- width : 630px;
- height : 20px;
- background : url(slogan.gif);
- position : absolute;
- top : 0;
- left : 0;
}
h2 {- color : #322b16;
- text-align : center;
- font-weight : normal;
- font-family : georgia, "times new roman", serif;
- font-size : 1.2em;
- letter-spacing : 0.2em;
- margin : 0 0 10px;
- padding-top : 5px;
}
h2 span {}
h3 {}
#mainmenu {- padding : 0;
- margin : 0;
- list-style-type : none;
- position : absolute;
- bottom : 0;
- left : 0;
}
#mainmenu li { }
#mainmenu li a, #mainmenu li a:visited {- display : block;
- float : left;
- width : 90px;
- height : 20px;
- font-size : 13px;
- padding : 50px 0 0;
- text-decoration : none;
- color : #653;
- font-family : georgia, "times new roman", serif;
- letter-spacing : 1px;
- text-align : center;
}
#mainmenu li em {- display : block;
- float : left;
- width : 90px;
- height : 20px;
- font-size : 13px;
- color : #000;
- font-family : georgia, "times new roman", serif;
- letter-spacing : 1px;
- text-align : center;
- padding : 37px 0 0;
- font-style : normal;
- text-decoration : underline;
}
#mainmenu li a:hover {- color : #000;
- text-decoration : overline;
}
#submenu {- text-align : right;
- margin : 0;
- padding : 0;
- list-style-type : none;
- position : absolute;
- right : 0;
- top : 8px;
- width : 120px;
}
#submenu li {- font-size : 10px;
- height : 1.5em;
- margin : 4px 0 0;
}
#submenu li a, #submenu li a:visited {- font-family : arial, sans-serif;
- text-decoration : none;
- color : #362b16;
- padding-right : 5px;
- border-right : 5px solid #fff;
}
#submenu li a:hover {- color : #697210;
- border-right : 5px solid #88715a;
}
#info {- width : 750px;
- padding-bottom : 12px;
- background : #fff;
- border-bottom : 1px solid #bd8d5e;
- border-top : 20px solid #fff;
}
#foot {- clear : both;
- width : 750px;
- margin : 0;
- padding-bottom : 10px;
- background : #fff;
- border-bottom : 1px solid #fff;
- border-top : 5px solid #bd8d5e;
}
dl.col1 {- display : block;
- width : 230px;
- float : left;
- padding : 10px;
}
* html dl.col1 {- width : 250px;
- width : 230px;
}
dl.col1 dt {- color : #697210;
- font-weight : bold;
- padding : 0 0 10px;
}
dl.col1 dd {- margin : 0;
- padding : 0;
- font-size : 0.85em;
- line-height : 1.7em;
}
dl.col1 dd a, dl.col1 dd a:visited {- color : #724a10;
- text-decoration : none;
}
dl.col1 dd a:hover {- color : #e09222;
- text-decoration : underline;
}
dl.col1 em {}
dl.clear {}
.col2 {- display : block;
- width : 500px;
- float : left;
- border-right : 1px solid #bd8d5e;
- background : #fff;
- clear : both;
}
.col2 li {- line-height : 1.5em;
- font-size : 0.9em;
}
.col3 {- display : block;
- width : 229px;
- float : left;
- padding : 0 10px;
- margin : 0;
}
.col4 {- display : block;
- width : 230px;
- float : left;
- padding : 0 10px;
- margin : 0;
}
.col5 {- display : block;
- width : 230px;
- float : left;
- padding : 0 10px;
- height : 20em;
- min-height : 20em;
- margin : 0;
}
.col6 {- display : block;
- width : 480px;
- float : left;
- padding : 0 10px;
- margin : 0;
}
.col7 {}
* html .col4 {- width : 248px;
- width : 230px;
}
#donate {}
h2.line {- border-top : 1px solid #bd8d5e;
}
h2.line {}
h2.clear {- clear : both;
- border-top : 1px solid #bd8d5e;
}
p {- font-size : 0.9em;
- text-align : justify;
- line-height : 1.8em;
- font-family : verdana, arial, sans-serif;
- margin-top : 0;
}
.highlight {- background : #fbf3d9;
- font-family : georgia, "times new roman", serif;
- width : 230px;
- font-style : italic;
- border-top : 1px solid #bd8d5e;
- border-bottom : 5px solid #bd8d5e;
}
* html .highlight {}
#sites {- clear : both;
- width : 750px;
- border-top : 1px solid #bd8d5e;
- background : #c9c9a7;
}
#sites dd {}
pre { }
* html pre {}
#ads {- clear : both;
- text-align : center;
- width : 750px;
- margin-top : 10px;
}
.date {- font-family : georgia, "times new roman", serif;
- font-size : 1.1em;
- font-style : italic;
- color : #e09222;
- margin : 0;
}
.bold {}
h2#welcome:target, h2#search:target, h2#comments:target, h2#about:target, h2#approvals:target, h2#archives:target, h2#links:target {- font-weight : bold;
- color : #c00;
}
dt.spacer {}
#pagerank {- border : 0;
- width : 66px;
- height : 13px;
- float : right;
}
#sspire {}
.fright {- font-family : arial, verdana, sans-serif;
- font-size : 0.8em;
- float : right;
- padding-right : 12px;
- color : #e09222;
}
dl.cola {- display : block;
- width : 165px;
- float : left;
- padding : 10px;
- margin : 0;
}
* html dl.cola {- width : 185px;
- width : 165px;
}
dl.cola dt { - color : #697210;
- font-weight : bold;
- padding : 0 0 10px;
}
dl.cola dd { - margin : 0;
- padding : 0;
- font-size : 0.85em;
- line-height : 1.7em;
}
dl.cola dd a, dl.cola dd a:visited { - color : #724a10;
- text-decoration : none;
}
dl.cola dd a:hover { - color : #e09222;
- text-decoration : underline;
}
.advert {- background : #362b16;
- color : #fff;
- height : 2.5em;
- line-height : 2em;
}
.image img {- border : 0;
- margin : 1em 0;
}
.adimage img {- border : 0;
- margin-top : 1em;
}
.right {}
.small {- font-size : 0.75em;
- font-style : italic;
}
.page-ad {- display : block;
- text-align : center;
- margin : 1em;
}
.page-ad img { }
#stats {- border-collapse : collapse;
- border : 1px solid #8c674f;
- margin : 0 auto;
- width : 750px;
}
#stats caption {- font-size : 1.2em;
- text-align : center;
- background : #8c674f;
- color : #fff;
- height : 2em;
- line-height : 2em;
}
#stats thead th {- background : #e9dab2;
- font-size : 0.8em;
- color : #000;
- height : 1.5em;
- line-height : 1.5em;
- padding-right : 1em;
- text-align : right;
}
#stats tbody td {יש לי את התכנה שאמרתם גרועה אני מתכון לMicrosft FrontPage שמתי שאני עושה בקובץ סיומת asp זה נכנס לי לזה אפשר לשנות את זה?
למדתי css דרך המדריך הבא (תסתכלו בהעלאת קבצים )
|