08-30-2015, 07:15 AM
Css Kodları
Kod:
#menu {
background: url(https://tse1.mm.bing.net/th?id=OIP.M5de3087c0595b1c262402865a25e4ae1o0&pid=15.1) #F3F3EB;
height: 250px;
margin-left: -7px;
margin-right: -7px;
margin-top: -7px;
}
#menu string {
color: #47AADD;
float: left;
font-weight: normal;
font-size: 50px;
text-transform: uppercase;
font-weight: bold;
padding: 0 430;
margin-top: -100px;
}
#menua {
text-decoration:none;
background: #47AADD;
padding: 25 15;
font-weight: normal;
font-size: 23px;
font-weight: bold;
list-style-type:none;
}
#menua li {
background: #2FCDB4;
width: 60px;
height: 35px;
opacity: 0.8;
padding: 5 6;
transition: 0.4s;
float: left;
margin: 5 5;
}
#menua a {
padding: 10 3;
color: #F0F0F0;
}
#menua li:hover {
background: #D81E28;
width: 60px;
height: 35px;
opacity: 0.4;
padding: 0 6;
transition: 0.4s;
}
#menua b {
float: right ;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
#footer {
background: url(https://tse1.mm.bing.net/th?id=OIP.M5de3087c0595b1c262402865a25e4ae1o0&pid=15.1) #47AADD;
height: 100px;
margin-left: -7px;
margin-right: -7px;
margin-top: 66px;
}
#footer p {
margin-top: -50px;
}
#altmenu {
text-decoration:none;
background: #47AADD;
padding: 0 15;
font-weight: normal;
font-size: 23px;
font-weight: bold;
list-style-type:none;
}
#altmenu li {
background: #2FCDB4;
width: 60px;
height: 35px;
opacity: 0.8;
padding: 0 6;
transition: 0.4s;
float: left;
margin: 5 5;
}
#altmenu a {
padding: 10 3;
color: #F0F0F0;
}
#altmenu li:hover {
background: #D81E28;
width: 60px;
height: 25px;
opacity: 0.4;
padding: 0 6;
transition: 0.4s;
}
#altmenu b {
float: right;
}
#orta {
background: #47AADD;
margin-left: 250px;
margin-right: 250px;
padding-bottom: 175px;
opacity: 0.6;
font-weight: normal;
font-size: 33px;
font-weight: bold;
}html Kodları
Kod:
<html>
<body>
<META http-equiv=content-type content=text/html;charset=iso-8859-9>
<div id="menu">
<div id="menua">
<li><a href="index.php">İndex</a></li>
<li><a href="index.php">Portal</a></li>
<li><a href="#">İletiş.</a></li>
<b><script language="javascript" src="http://in.sitekodlari.com/gununsozu.js"></script></b>
</div>
<string><a href="/index.php"><img src="http://trk3.com/d10/destek/logo.png?ckattempt=1"></a></string></div>
<br /><br /><br />
<div id="orta"><CENTER> BURAYA İSTEDİGİNİZ YAZIYI YAZINIZ..</CENTER></div>
<div id="footer">
<div id="altmenu">
<li><a href="index.php">İndex</a></li>
<li><a href="index.php">Portal</a></li>
<li><a href="#">İletiş.</a></li>
</div>
<p align="right"><script language="javascript" src="http://is.sitekodlari.com/saat27.js"></script></p>
</div>
</html>
</body>Html + Css Birleşik Kod
Kod:
<style>
#menu {
background: url(https://tse1.mm.bing.net/th?id=OIP.M5de3087c0595b1c262402865a25e4ae1o0&pid=15.1) #F3F3EB;
height: 250px;
margin-left: -7px;
margin-right: -7px;
margin-top: -7px;
}
#menu string {
color: #47AADD;
float: left;
font-weight: normal;
font-size: 50px;
text-transform: uppercase;
font-weight: bold;
padding: 0 430;
margin-top: -100px;
}
#menua {
text-decoration:none;
background: #47AADD;
padding: 25 15;
font-weight: normal;
font-size: 23px;
font-weight: bold;
list-style-type:none;
}
#menua li {
background: #2FCDB4;
width: 60px;
height: 35px;
opacity: 0.8;
padding: 5 6;
transition: 0.4s;
float: left;
margin: 5 5;
}
#menua a {
padding: 10 3;
color: #F0F0F0;
}
#menua li:hover {
background: #D81E28;
width: 60px;
height: 35px;
opacity: 0.4;
padding: 0 6;
transition: 0.4s;
}
#menua b {
float: right ;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
#footer {
background: url(https://tse1.mm.bing.net/th?id=OIP.M5de3087c0595b1c262402865a25e4ae1o0&pid=15.1) #47AADD;
height: 100px;
margin-left: -7px;
margin-right: -7px;
margin-top: 66px;
}
#footer p {
margin-top: -50px;
}
#altmenu {
text-decoration:none;
background: #47AADD;
padding: 0 15;
font-weight: normal;
font-size: 23px;
font-weight: bold;
list-style-type:none;
}
#altmenu li {
background: #2FCDB4;
width: 60px;
height: 35px;
opacity: 0.8;
padding: 0 6;
transition: 0.4s;
float: left;
margin: 5 5;
}
#altmenu a {
padding: 10 3;
color: #F0F0F0;
}
#altmenu li:hover {
background: #D81E28;
width: 60px;
height: 25px;
opacity: 0.4;
padding: 0 6;
transition: 0.4s;
}
#altmenu b {
float: right;
}
#orta {
background: #47AADD;
margin-left: 250px;
margin-right: 250px;
padding-bottom: 175px;
opacity: 0.6;
font-weight: normal;
font-size: 33px;
font-weight: bold;
}
</style>
<html>
<body>
<META http-equiv=content-type content=text/html;charset=iso-8859-9>
<div id="menu">
<div id="menua">
<li><a href="index.php">İndex</a></li>
<li><a href="index.php">Portal</a></li>
<li><a href="#">İletiş.</a></li>
<b><script language="javascript" src="http://in.sitekodlari.com/gununsozu.js"></script></b>
</div>
<string><a href="/index.php"><img src="http://trk3.com/d10/destek/logo.png?ckattempt=1"></a></string></div>
<br /><br /><br />
<div id="orta"><CENTER> BURAYA İSTEDİGİNİZ YAZIYI YAZINIZ..</CENTER></div>
<div id="footer">
<div id="altmenu">
<li><a href="index.php">İndex</a></li>
<li><a href="index.php">Portal</a></li>
<li><a href="#">İletiş.</a></li>
</div>
<p align="right"><script language="javascript" src="http://is.sitekodlari.com/saat27.js"></script></p>
</div>
</html>
</body>Basit Oldu Ama Olsun Çok Zaman Yok Diye Aceleden Yaptım.
Umarım Beğenirsiniz.
