Prosiłbym żeby ktoś przerobił mi mój obrazek tak aby było obok miejsca na treść miejsce na linki o takiej samej wysokości
i przerobienie mojego pliku style:
Kod
@charset "utf-8";
* {
padding:0;
margin:10;
}
img {
border:0;
}
body {
text-align:center;
background:black;
color:#f2f2f2;
}
#tlo{
background:url(tlo.png) no-repeat;
margin-top:10px;
width:800px;
height:730px;
align:center;
margin-left:auto;
margin-right:auto;
font-family:"Comic Sans MS", cursive;
}
.tresc{
position:absolute;
background:none;
margin-top:230px;
width:750px;
margin-left:20px;
max-height:480px;
overflow:auto;
text-align:center;
font-size:20px;//rozmiar czcionki tresc!
}
p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-left:2px;
margin-right:4px;
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-style:inherit;
font-size:20px;
}
.menu{
background:url(menu.png) no-repeat;
width:800px;
height:47px;
font-size:30px;//rozmiar czcionki w menu!!
color:#FFF;
margin:0 auto;
margin-top:130px;
position:absolute;
text-align:center;
}
.menulink{
text-decoration:none;
color:#fff;
font-weight:bold;
font-family:"Segoe Script";//styl czcionki w menu!!
display:inline-block;
margin-right:10px;
margin-top:10px;
}
.menulink:hover{
color:#333;
}
.menulink:active{
color:#000;
}
.input{
color:#FFF;
margin-top:10px;
background:#222;
border:1px solid #F30;
padding:10px;
border-radius:10px;
text-align:center;
font-size:16px;
font-weight:bold;
}
.submit{
margin-top:30px;
background:#141414;
border:1px solid #F30;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
text-align:center;
font-size:20px;
color:#FFF;
cursor:pointer;
}
.submit:hover{
border: 1px solid #FFF;
color:#F30;
}
.e {
margin: 0;
color:#F00;
font-size:9px;
font-family:Verdana, Geneva, sans-serif;
}
#pozytywny {
margin: 0;
color:#F30;
font-size:20px;
}
#tabelka{
margin:0 auto;
text-align:center;
color:#FFF;
padding: 5 px;
border:none;
}
#tabelka td{
padding:5px;
text-align:center;
color:#fff;
border: 1px solid #F60;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
* {
padding:0;
margin:10;
}
img {
border:0;
}
body {
text-align:center;
background:black;
color:#f2f2f2;
}
#tlo{
background:url(tlo.png) no-repeat;
margin-top:10px;
width:800px;
height:730px;
align:center;
margin-left:auto;
margin-right:auto;
font-family:"Comic Sans MS", cursive;
}
.tresc{
position:absolute;
background:none;
margin-top:230px;
width:750px;
margin-left:20px;
max-height:480px;
overflow:auto;
text-align:center;
font-size:20px;//rozmiar czcionki tresc!
}
p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-left:2px;
margin-right:4px;
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-style:inherit;
font-size:20px;
}
.menu{
background:url(menu.png) no-repeat;
width:800px;
height:47px;
font-size:30px;//rozmiar czcionki w menu!!
color:#FFF;
margin:0 auto;
margin-top:130px;
position:absolute;
text-align:center;
}
.menulink{
text-decoration:none;
color:#fff;
font-weight:bold;
font-family:"Segoe Script";//styl czcionki w menu!!
display:inline-block;
margin-right:10px;
margin-top:10px;
}
.menulink:hover{
color:#333;
}
.menulink:active{
color:#000;
}
.input{
color:#FFF;
margin-top:10px;
background:#222;
border:1px solid #F30;
padding:10px;
border-radius:10px;
text-align:center;
font-size:16px;
font-weight:bold;
}
.submit{
margin-top:30px;
background:#141414;
border:1px solid #F30;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
text-align:center;
font-size:20px;
color:#FFF;
cursor:pointer;
}
.submit:hover{
border: 1px solid #FFF;
color:#F30;
}
.e {
margin: 0;
color:#F00;
font-size:9px;
font-family:Verdana, Geneva, sans-serif;
}
#pozytywny {
margin: 0;
color:#F30;
font-size:20px;
}
#tabelka{
margin:0 auto;
text-align:center;
color:#FFF;
padding: 5 px;
border:none;
}
#tabelka td{
padding:5px;
text-align:center;
color:#fff;
border: 1px solid #F60;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
tak aby można było tam w to nowe miejsce stworzyć linki.
Z góry dziękuję, mientowy