@LukeJL zrobiłem od razu w obrazkach tekst, tak żeby było mniej roboty, bo to tylko szablon na aukcję także chyba będzie lepiej.
Ogólnie to zrobiłem już takie coś , ale dalej potrzebuję pomocy, opiszę go poniżej kody
<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<title>Szablon Allegro</title>
<style>
body {
background: url(images/background.jpg); no-repeat;
}
.clear(
clear:both;
)
/* header elements */
h1, h2, h3, h4, h5, h6 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:100%;
margin:0 0 15px 0;
}
h1 {
font-size:14px;
text-shadow:#FFF 1px 1px 0;
font-weight:normal;
padding:60px 0px;
text-align: left;
}
#container {
width: 1000px;
margin-left; auto
margin-right; auto
}
#logo {
background-color: black;
padding: 30px;
width: 890px;
position: relative;
left: 157px;
top: -9px;
}
#menu1 {
float:left ;
width: 300px ;
position: relative;
left: 200px;
top: 50px;
}
#menu2 {
float:left ;
width: 300px ;
position: relative;
left: 200px;
top: 50px;
}
#menu3 {
float:left ;
width: 300px ;
position: relative;
left: 200px;
top: 50px;
}
#informacje1 {
clear: both;
width: 300px ;
float:left ;
position: relative;
top: 50px ;
left: 184px ;
}
#informacje2 {
float:left ;
width: 300px ;
position: relative;
top: 50px ;
left: 185px ;
}
#informacje3 {
float:left ;
width: 300px ;
position: relative;
top: 50px ;
left: 186px ;
}
#content {
clear: both;
background:url(images/content.png) 0 no-repeat;
padding: 30px;
width: 624px;
height: 370px;
position: relative;
top: 25px;
left: 335px;
}
</style>
</head>
<body>
<div id="container">
</div>
<div id="logo">
</div>
<div id="menu1">
<a href="#tab1"><img src="images/aukcje_button.png"></a>
</div>
<div id="menu2">
<a href="#tab1"><img src="images/komentarze_button.png"></a>
</div>
<div id="menu3">
<a href="#tab1"><img src="images/napisz_button.png"></a>
</div>
<div id="informacje1">
<img src="images/danekontaktowe.png">
</div>
<div id="informacje2">
<img src="images/platnosci.png">
</div>
<div id="informacje3">
<img src="images/wysylka.png">
</div>
<div id="content">
<div id="h1">
<h1>Witam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcejitam mam na sprzedaż w chuj rzeczy i jeszcze więcej</h1>
</div>
</body>
</html>
Został do zrobienia tylko content , potrzebuję pomocy z tym aby pisząc tekst, obszar wraz z tym rysunkiem powiększał się z obszarem do pisania , mam nadzieje że zrozumieliście to co napisałem. Oraz hover, tak aby po najechaniu na przyciski Aukcje - Komentarze - Napisz do mnie pojawił się nowy kolor
od razu wkleje go tutaj: