Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Dėl PSD to HTML&CSS

Parašė SonyNokia· 2014 Kov. 6 23:03:08
#22

Prigavai mane...
Ant Chrome Canary viską testavau ant jo viskas gerai!
Mozzila - blogai.
Internet Eeplorer - blogai.
Paprastas Canary - blogai.

O daugiau naršyklių neturiu.

O dėl kodo, įdėsiu.
INDEX.HTML


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TPG-LIFE.LT</title>
<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div align="center">
<div id="logo">
</div>
<div id="meniu">
<ul id="meniu_tekstas">
<li><a href="index.html">Namai</a></li>
<li><a href="index.html">Forumas</a></li>
<li><a href="index.html">Pagalba</a></li>
<li><a href="index.html">Reklama</a></li>
<li><a href="index.html">Paslaugos</a></li>
<li><a href="index.html">Kontaktai</a></li>
</ul>
<div align="left">
<div id="junk">
<div align="center">
<h6>PRISIJUNKITE PRIE MŪSŲ!</h6>
</div>
<br />
</div>
<br />
<div id="jpg">
<h2> Tik čia atskleidžia tikro gyvenimo galimybes </h2>
</div>
<div id="monitorius"> 
<div align="center">
<h3> SERVERIO MONITORIUS </h3>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h3> ŽAIDĖJAI: 64/200 </h3>
<h3> VERSIJA: 0.3x </h3>
<h3> IP ADRESAS: samp.tgp-life.lt</h3>
</div>
<div id="info">
<h1>INFORMACIJA APIE PROJEKTA</h1>
<br />
<h4>Sveiki, taigi atsidarė naujasis  TPG-LIFE.LT projektas, su laiku bus atnaujinimų. Šis projektas yra unikalus, kurtas nuo 0. Kūrėme penkiese. Puslapio dizainą su laiku pagerinsim. ČIA NETIKRA,ČIA TIESIOG KARPIAU. </h4>
</div>
<div id="end">
<p> © 2013 TPG-LIFE.LT - Visos teisės griežtai saugomos</p> 
<div align="right">
<h5>dizainas: GReddy </h5>
</div>


STYLE.CSS


body {
background:url(images/bg.gif);
}
 
#wrap  {
width: 891px;
height: auto;
margin: 0 auto;
}
 
#logo {
background:url(images/logo.gif) no-repeat;
width: 1000px;
height: 170px;
margin-top: 10px;
margin-left: -50px;
margin-bottom: -23px;
font-family: Tahoma;
}
 
#meniu {
background:url(images/meniu.gif) no-repeat;
padding-top:0px;
width: 664px;
height: 45px;
margin-left: auto;
margin-right: auto;
font-family: Tahoma;
padding-top: 5px;
}
 
#meniu_tekstas {

width: 664px;
height: auto;
list-style: none; 
padding-left: 0px;
padding-top: 5px;
margin-top: 0px;
margin-bottom: 0px;
font-family: Tahoma;
}
 
li {
list-style-type: none;
display: inline;
padding-top:20px;
font-family: Tahoma;
font-size: 18px;
font-style: regular;
margin-bottom: 10px;
margin: 20px;
 
}
 
a {
color: #F8F8F8;
text-decoration: none;
font-family: Tahoma;
}
 
a:hover {
text-decoration: none;
font-family: Tahoma;
}
 
#junk {
background:url(images/junk.gif) no-repeat;
width: 667px;
height: 23px;
margin-top: 16px;
font-family: Tahoma;
padding-top: 5px;
 
}
 
p {
padding-right: 1cm;
font-size: 13px;
color: #FFFFFF;
margin-right: 2px;
text-indent: 10px;
font-family: Tahoma;
}
 
h6 {
color: #FFFFFF;
font-size: 12px;
font-family: Tahoma;
}
 
h5 {
color: #FFFFFF;
margin-right: 20px;
font-size: 12px;
margin-top: -15px;
text-indent: px;
font-family: Tahoma;
}
 
h4 {
color: #484848  ;
font-size: 13px;
text-align:center;
font-family: Tahoma;
text-indent: 1px;
}
 
h3 {
color: FFFFFF;
font-size: 12px;
text-indent: 19px;
font-family: Tahoma;
line-height: 150%;
}
 
h2 {
font-size: 12px;
color: #FFFFFF;
text-align: center;
padding-top: 120px;
font-family: Tahoma;
}
 
h1 {
color: #FFFFFF;
font-size: 12px;
font-family: Tahoma;
text-align: center;
padding-top: 4px;
}
 
#monitorius {
background:url(images/monitorius.gif) no-repeat;
width: 195px;
height: 241px;
margin-top: -144px;
padding-bottom: 8px;
font-family: Tahoma;
padding-top: 6px;
}
 
#jpg {
background:url(images/jpg.gif) no-repeat;
width: 465px;
height: 144px;
margin-left: 200px;
margin-right: auto;
margin-top: -22px;
font-family: Tahoma;
}
 
#info {
background:url(images/info.gif) no-repeat;
width:468px;
height: 95px;
margin-left: 199px;
margin-right: auto;
margin-top: -85px;
font-family: Tahoma;
}
 
#end {
background:url(images/end.gif) no-repeat;
width: 669px;
height: 23px;
margin-top: 5px;
font-family: Tahoma; 
padding-top: 3px;
}
 


Įdėsiu dėl viso pikto images, kaip pavadines juos, nes pavadinau juos, bet kaip tiesiai šviesiai pasakius.


Dėl kodo abejoju ar teisinigai parašes esu, bet iš klaidų ar pastabų mokomės.! ;) Norėjau paklausti, o kaip suderinti visas naršykles, kad viską vienodai rodytų, ar tai sunku ?

Redagavo SonyNokia· 2014 Kov. 6 23:03:10