Uğraştım uğraştığımada değdi sonuçta ÇANAKKALE için :)
Kodlarımız;
Direk yapıştırın :);
Demo;
http://forumuk.10tr.net/portal.php
@admin
seninde görüşünü almak isterim.
Kodlarımız;
Direk yapıştırın :);
PHP Kod:
<style>
#cnkkalemenu .kutucuk {
font-family:Arial,Helvetica;
position: fixed;
text-align: center;
overflow: hidden;
z-index: -1;
opacity: 0;
width: 100%;
height: 100%;
top: 0px;
background: url("http://i.hizliresim.com/BZdQJD.png");
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#cnkkalemenu ul {
position: relative;
top: 20%;
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#cnkkalemenu li {
display: inline-block;
margin: 20px;
}
#cnkkalemenu li a {
border-radius: 3px;
padding: 15px;
border: 1px solid transparent;
text-decoration: none;
font-size: 18px;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#cnkkalemenu li a:hover {
color: #FC5151;
}
#cnkkalemenu li a i {
margin-right: 5px;
font-size: 24px;
}
#cnkkaleicin-nav-label {
margin:50px auto;
color: #fff rgba(255,255,255,0.6);
background: url("http://i.hizliresim.com/q4DOWq.png");
text-align: center;
line-height: 20px;
font-size: 16px;
display: block;
cursor: pointer;
position: relative;
z-index: 500;
width: 18px;
height: 18px;
padding:5px;
border-radius: 10px;
}
#cnkkaleicin { display: none;}
#cnkkaleicin:checked ~ .kutucuk {
opacity: 1;
z-index: 400;
}
#cnkkaleicin:checked ~ .kutucuk ul {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#cnkkaleicin:checked ~ #toggle-nav-label {
background: url("http://i.hizliresim.com/q4DOWq.png");
}
#toggle-nav:img {
}
</style>
<b><center>Yardım: Çanakkale ile ilgili ekranı açmak için Ay Yıldız iconuna basın
<p>Kapatmak içinde tekrar üstüne basın.</b></center><p>
</pre>
<nav id="cnkkalemenu"><input id="cnkkaleicin" type="checkbox" />
<label id="cnkkaleicin-nav-label" for="cnkkaleicin"><br></br><i></i></label>
<div class="kutucuk">
<ul>
<li><a href="#"><img class="cnkkaleicin" src="">
</i>Şehitlerimize Allah'tan Rahmet Diliyoruz.Topraklarımız Sizlerin Kanlarıyla Sulanmış.
Biz Sizi Unutmadık ! Asla Unutulmayacaksınız !
<p>Çanakkale Kahramanları Anasına - 10TR.NET Yönetimi</p></li>
</br>
</br>
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
<param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf">
<param name="bgcolor" value="#000000">
<param name="FlashVars" value="mp3=http%3A//st.10tl.net/tema/karanlik/canakkale-turkusu.mp3">
</object>
</a></li>
</ul>
</div>
</nav>
<pre>
http://forumuk.10tr.net/portal.php
@admin
seninde görüşünü almak isterim.
