Autor Zpráva
MaxDJs
Profil *
Jak mám upravit soubor ie-win.css(kód přiložen),aby stránka vypadala jako na screenshotu(viz dole).Upravuju si vzor pro HTML na vzor pro Wordpress. Přikládám i style.css(již upravený)

ie-win.css
#navigation { float: left; }

#navigation ul { float: right; }

#navigation li.active a:link,
#navigation li.active a:visited
{
	color: #555555;
	background-color: #ffffff;
}

#content-wrapper { width: 58%; }

#content pre { width: 360px; overflow: hidden; }

#wrapper h3.post-title a:link, 
#wrapper h3.post-title a:visited
{
	border-bottom-width: 0;
}

#extras { padding-right: 0; margin-right: 0; margin-left: 8px; padding-left: 0; }

#extras #friends ul { padding-left: 0; margin-left: 20px; }

#extras #links { width: 250px; }


style.css
*{
margin:0px;
padding:0px
}
img{border:0px}
html{
width:100%;
padding:10px 0 10px 0;
}
body{
width:746px;
margin:auto;
}
#header{
background-color:#E9E9E9;
float:left;
font-family:Tahoma;
font-size:11px;
color:#585858;
height:71px;
margin:0 0 4px 0
}
#header img{
float:left
}
.lang{
float:left;
width:112px;
margin:10px 0 0 0;
padding:9px 20px 7px 60px;
border-right:1px solid #BABABA
}
.lang img{
padding:3px 0 3px 0;
margin:5px 0 0 0
}
#header .center{
padding:3px 9px 3px 10px;
margin:5px 10px 0 9px;
border-left:1px solid #BDBDBD;
border-right:1px solid #BDBDBD;
}
.cur{
float:left;
width:100px;
margin:10px 0 0 0;
padding:9px 20px 7px 21px;
border-right:1px solid #BABABA
}
.cur select{
width:101px;
height:17px;
float:left;
border:1px solid #6E6E6E;
margin:7px 0 0 0;
font-family:Tahoma;
font-size:10px;
color:#6E6E6E;
font-weight:bold;
padding:1px 0 0 4px;
}
.cart{
float:left;
width:123px;
margin:10px 0 0 0;
padding:9px 28px 7px 20px;
background-image:url(images/cart.gif);
background-position:20px 4px;
background-repeat:no-repeat
}
.cart strong{
margin:0 0 15px 34px;
float:left
}
.cart font{
color:#C30205;
font-weight:bold;
font-size:11px
}
#menu{
float:left;
}
#menu li, #menu li img{
list-style-type:none;
float:left
}
#content{
float:left;
margin:4px 0 0 0;
width:746px;
}
#left{
float:left;
width:192px;
}
#left h2{
font-family:Tahoma;
font-size:11px;
color:#4F4D4D;
width:192px;
background-color:#EBE0DB;
display:block;
text-align:center;
padding:12px 0 12px 0
}
.leftnav{
display:block;
float:left;
width:172px;
padding:10px 10px 10px 10px;
margin:0 0 4px 0;
background-color:#F5EBE7
}
.leftnav li{
list-style-type:none;
float:left;
width:137px;
height:16px;
display:block;
background-image:url(images/arrows.gif);
background-position:10px 8px;
background-repeat:no-repeat;
padding:4px 0 0 35px;
border-bottom:1px solid #EBE0DB
}
.leftnav li a{
display:block;
float:left;
font-family:Tahoma;
font-size:11px;
color:#000000;
text-decoration:none
}
#left .bord{
border-bottom:0px
}
.block1{
background-image:url(images/pic1.jpg);
background-position:top left;
background-repeat:no-repeat;
width:192px;
height:157px;
float:left
}
.block1 a{
font-family:Tahoma;
font-size:11px; 
font-weight:bold;
color:#FFFFFF;
margin:47px 0 0 115px;
display:block;
text-decoration:underline
}
.block1 a:visited, .block2 a:visited, .block3 a:visited {text-decoration:underline}
.block1 a:hover, .block2 a:hover, .block3 a:hover  {text-decoration:none}
#right{
float:left;
margin:0 0 0 4px;
width:550px;
}
.block2{
background-image:url(images/pic2.jpg);
background-position:top left;
background-repeat:no-repeat;
width:214px;
height:151px;
float:left
}
.block2 a{
font-family:Tahoma;
font-size:11px; 
font-weight:bold;
color:#E3010F;
margin:101px 0 0 26px;
display:block;
text-decoration:underline
}
.block3{
background-image:url(images/pic3.jpg);
background-position:top left;
background-repeat:no-repeat;
width:332px;
height:151px;
float:left;
margin:0 0 0 3px;
display:inline
}
.block3 a{
font-family:Tahoma;
font-size:11px; 
font-weight:bold;
color:#FFFFFF;
margin:116px 0 0 22px;
display:block;
text-decoration:underline
}
.items{
float:left;
margin:5px 0 0 0;
display:inline;
width:376px;
}
.item{
float:left;
height:200px;
border:4px solid #E5E5E5;
font-family:Tahoma;
font-size:11px;
color:#6E6E6E;
font-weight:bold;
margin:0 2px 3px 0;
display:inline
}
.item h3{
display:block;
font-family:Tahoma;
font-size:12px;
color:#595959;
width:171px;
background-color:#E5E5E5;
padding:15px 0 15px 7px
}
.item img{
float:left
}
.item p{
float:left;
width:80px;
margin:10px 0 0 0;
padding:10px 0 4px 8px;
border-left:2px solid #E9DBDB
}
.item span{
display:block;
float:left;
margin:15px 0 10px 0;
color:#6DB200;
font-size:18px
}
.item a{
display:block;
float:left;
clear:both;
width:66px;
padding:0 0 6px 0;
text-decoration:underline;
color:#6E6E6E
}
#right .red{
color:#F02400
}
.news{
background-image:url(images/title.gif);
background-position:top left;
background-repeat:no-repeat;
float:left;
width:173px;
margin:5px 0 4px 0;
padding:60px 0 7px 0;
background-color:#ECDDCE;
color:#454545;
font-family:Tahoma;
font-size:11px;
}
.news p{
padding:0 0 8px 15px;
width:140px;
}
.news span{
font-family:Tahoma;
font-size:11px;
color:#454545;
text-decoration:underline;
font-weight:bold
}
.news a{
display:inline;
padding:0 0 0 5px
}
#right .read{
font-family:Tahoma;
font-size:10px;
font-weight:bold;
color:#454545;
background-image:url(images/arrows2.gif);
background-position:right 5px;
background-repeat:no-repeat;
display:block;
width:70px;
text-decoration:none
}
.new{
float:left;
width:173px;
text-align:center;
font-family:Tahoma;
font-size:11px;
color:#010101;
}
.new span{
color:#FE4400;
font-size:14px;
display:block;
font-weight:bold;
padding:2px 0 0 0
}
#footer{
float:left;
margin:4px 0 0 0;
padding:10px 0 0 0;
background-color:#E7E3D8;
height:59px;
width:100%;
}
.pay{
margin:12px 50px 0 13px;
float:left
}
.copy{
float:left;
color:#626262;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
}
.botmenu{
display:block;
float:left;
width:450px;
padding:10px 0 5px 35px
}
.botmenu li{
float:left;
list-style-type:none;
padding:0 10px 0 10px;
background-image:url(images/dots.gif);
background-position:top right;
background-repeat:no-repeat;
}
.botmenu a{
color:#807F7F;
text-decoration:none;
float:left;
}
#footer .back{
background-image:none;
width:90px;
}
#footer p{
float:left
}
#footer p a{
color:#626262;
text-decoration:none
}
#footer p .under{
text-decoration:underline
}


Screenshot:
Matty
Profil
MaxDJs
Nemohl bys přijít s něčím konkrétnějším? Pochybuji, že někdo bude chtít to CSSko celý číst a ještě opravovat.
MaxDJs
Profil *
Nemohl bys přijít s něčím konkrétnějším? Pochybuji, že někdo bude chtít to CSSko celý číst a ještě opravovat.

Já nepotřebuji opravit style.css,ale ie-win.css
Matty
Profil
MaxDJs
Otázka Jak mám upravit soubor... je strašně obecná. Napiš, co přesně ti nejde. Ani menší ukázka (link) by neuškodila.
MaxDJs
Profil *
právě že nevím čím začít,protože ta stránka nemá vůbec žádný design. Viz: http://tvorba-webu.wu.cz/
sonnynoob
Profil
Nejsem si jistý a možná jsem to jen pochopil, ale nenabízíš náhodou na té stránce, ehm jak to bylo přesně? Cituji: "Můžeme pro vás připravit webovou stránku podle Vašeho přání." Jestli něco takového slibuješ, tak bys neměl mít snad problém dát ten web trochu do kupy, ne? (Jestli se pletu, tak mě opravte.)
MaxDJs
Profil *
Slibuju tam že vytvořím stránky přes Wordpress ale neslibuju že budu kompilovat HTML šablonu na šablonu pro Wordpress.
Railbot
Profil
MaxDJs
ale neslibuju že budu kompilovat HTML šablonu na šablonu pro Wordpress
Tak proč to děláš?

Tohle je spíš do práce a zákazky, když po někom chceš udělat celý CSS nebo tak.
nvm
Profil *
no tak tá stránka sa ti neako nevydarila...dizajn na školskú 2- so zavretým okom...

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: