Tot ce tine de grafica, realizat de utilizatori pentru forum.
Moderators: Moderatori ajutatori, Moderatori
-
combocarte112
- Membru, skill +1
- Posts: 203
- Joined: 31 Jan 2016, 09:22
- Detinator Steam: Da
- Fond eXtream: 0
-
Contact:
21 Dec 2016, 21:14
Cum fac ca bannerul sa fie pe deasupra meniului?
- | Afiseaza codul
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<html>
<style>
body {
background: url("mybackgroundimage.gif") repeat;
}
#banner {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 200px;
z-index: -1;
}
</style>
</head>
<body>
<img id="banner" src="amd.png" alt="Banner Image"/>
</body>
<head>
<style type="text/css">
ul {
list-style-type:none;
margin:0;
padding:0;
padding-top:25px;
padding-bottom:25px;
}
li {
display:inline;
}
a:link,a:visited {
font-weight:bold;
font-size:25px;
color:#FFFFFF;
background-color:#000; opacity:0.8;
text-align:center;
padding:25px;
text-decoration:none;
}
a:hover,a:active {
background-color:#daa520;
}
</style>
</head>
<body>
<center>
<ul>
<li><a href="#">Acasa</a></li>
<li><a href="#">Articole</a></li>
<li><a href="#">RSS Feed</a></li>
<li><a href="#">Contact</a></li>
</ul>
</center>
</body>
</html>
<p>This is a paragraph.</p>
</body>
</html>
http://imgur.com/a/3Wv1i
-
The Kalu
- Fost administrator
- Posts: 13707
- Joined: 09 Oct 2010, 12:39
- Detinator Steam: Da
- CS Status: In grajd!
- SteamID: kalulord
- Reputatie: Fost Administrator
Fost membru Club eXtreamCS (6 luni)
Nume anterior: Terra
- Location: Romania, Ploiesti
- Has thanked: 328 times
- Been thanked: 646 times
-
Contact:
21 Dec 2016, 21:27
- | Afiseaza codul
<!DOCTYPE html>
<head>
<title></title>
<style type="text/css">
#wrapHTML {
padding: 0px;
}
#content {
padding: 12px 12px 12px 12px;
width: 800px;
text-align: center;
margin: 0px auto;
}
#banner img {
width: 170px;
}
#menu {
text-align: center;
}
ul {
list-style-type:none;
margin:0;
padding:0;
padding-top:25px;
padding-bottom:25px;
}
li {
display:inline;
}
a:link, a:visited {
font-weight:bold;
font-size:25px;
color:#FFFFFF;
background-color:#000; opacity:0.8;
text-align:center;
padding:25px;
text-decoration:none;
}
a:hover, a:active {
background-color:#daa520;
}
</style>
</head>
<body>
<div id="wrapHTML">
<div id="content">
<div id="banner">
<img id="banner-logo" src="http://logok.org/wp-content/uploads/201 ... go-old.png" alt="Banner Image" />
</div>
<div id="menu">
<ul>
<li><a href="#">Acasa</a></li>
<li><a href="#">Articole</a></li>
<li><a href="#">RSS Feed</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</body>
-
Users browsing this forum: No registered users and 9 guests