ÇANAKKALE için kodlama çalışması

[Ufufuk]

Uğraştım uğraştığımada değdi sonuçta ÇANAKKALE için :)
Kodlarımız;

Direk yapıştırın :);

PHP Kod: Tümünü Seç Tümünü Kopyala

<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> 


Demo;
http://forumuk.10tr.net/portal.php



@admin



seninde görüşünü almak isterim.

[ErtanKahya]

Uğraştım uğraştığımada değdi sonuçta ÇANAKKALE için :)
Kodlarımız;

Direk yapıştırın :);

PHP Kod: Tümünü Seç Tümünü Kopyala

<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> 


Demo;
http://forumuk.10tr.net/portal.php



@admin



seninde görüşünü almak isterim.

Nereye yapıştıracagımızı vermemişsin.

[TexLİeMeD]

Demo sitede yokmu benmi goremedim ama oz izledim sade olmus hos

[Yurisa]

Demoda forum kapalı

[Ufufuk]

Uğraştım uğraştığımada değdi sonuçta ÇANAKKALE için :)
Kodlarımız;

Direk yapıştırın :);

PHP Kod: Tümünü Seç Tümünü Kopyala

<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> 


Demo;
http://forumuk.10tr.net/portal.php



@admin



seninde görüşünü almak isterim.

Nereye yapıştıracagımızı vermemişsin.

Direk index'e mi portal şablonunnamı yapıştırırsın bilmem css'yi html ye bağladım :)

Demo sitede yokmu benmi goremedim ama oz izledim sade olmus hos

Demoyu eklemiştim saten iyi bak ginede vereyim;

http://forumuk.10tr.net/portal.php

Bilgisayardan bakarsan daha iyi olur :)

@TexLİeMeD

[Ufufuk]

O

Demoda forum kapalı

Pardon açtım hemen :)

@Yurisa

[Yurisa]

Bence iconun kaybolmasi lazim bastiktan sonra çünkü görüntü kirliliği yapiyor.
Resimler 2 tane olmasi kötü olmuş
Yazilar cok basit biraz buyult veya başka birşey ekle..

[Ufufuk]

Bence iconun kaybolmasi lazim bastiktan sonra çünkü görüntü kirliliği yapiyor.
Resimler 2 tane olmasi kötü olmuş
Yazilar cok basit biraz buyult veya başka birşey ekle..

Neyle kapatmayı düşünüyorsun ?

2 tane resim derken ?

Büyültürüz gölgeli yaparız,sağolasın.

[#Power]

Beğenmedim, biraz daha özenli kodlasaydın keşke.
Bak direk Copy+Paste "Anasına" yazıyor bir yazım hatası düzeltmemişsin.

[Ufufuk]

Beğenmedim, biraz daha özenli kodlasaydın keşke.
Bak direk Copy+Paste "Anasına" yazıyor bir yazım hatası düzeltmemişsin.

Bilerek yaptım,sağolasın :) özenirim birazdaha.

[TexLİeMeD]

Bende sorun bende saniyordum simdi daha guzelmis s

[Ufufuk]

Beğenmedim, biraz daha özenli kodlasaydın keşke.
Bak direk Copy+Paste "Anasına" yazıyor bir yazım hatası düzeltmemişsin.

Bilerek yaptım,sağolasın :) özenirim biraz daha.

edit: Power sende yapsan görelim :) özenli bir şekilde.

@#Power

[Ufufuk]

Bende sorun bende saniyordum simdi daha guzelmis s

Teşekkürler :)

[#Power]

Beğenmedim, biraz daha özenli kodlasaydın keşke.
Bak direk Copy+Paste "Anasına" yazıyor bir yazım hatası düzeltmemişsin.

Bilerek yaptım,sağolasın :) özenirim biraz daha.

edit: Power sende yapsan görelim :) özenli bir şekilde.

@#Power

Ooo kime laf atıyorsun sen :D :D. İyi yapalım sade bir şeyler :)

[Ufufuk]

Beğenmedim, biraz daha özenli kodlasaydın keşke.
Bak direk Copy+Paste "Anasına" yazıyor bir yazım hatası düzeltmemişsin.

Bilerek yaptım,sağolasın :) özenirim biraz daha.

edit: Power sende yapsan görelim :) özenli bir şekilde.

@#Power

Ooo kime laf atıyorsun sen :D :D. İyi yapalım sade bir şeyler :)

Bizim senin gibi vaktimiz yok malesef varda kullanamıyorum :) zaman ayırsaydım o zaman görürdün :D

[ErtanKahya]

Beğenmedim, biraz daha özenli kodlasaydın keşke.
Bak direk Copy+Paste "Anasına" yazıyor bir yazım hatası düzeltmemişsin.

Bilerek yaptım,sağolasın :) özenirim biraz daha.

edit: Power sende yapsan görelim :) özenli bir şekilde.

@#Power

Ooo kime laf atıyorsun sen :D :D. İyi yapalım sade bir şeyler :)

Bizim senin gibi vaktimiz yok malesef varda kullanamıyorum :) zaman ayırsaydım o zaman görürdün :D

ufuk 5.000 Mesaja 11 Sayı Kaldı ;)

[Ufufuk]

Bilerek yaptım,sağolasın :) özenirim biraz daha.

edit: Power sende yapsan görelim :) özenli bir şekilde.

@#Power

Ooo kime laf atıyorsun sen :D :D. İyi yapalım sade bir şeyler :)

Bizim senin gibi vaktimiz yok malesef varda kullanamıyorum :) zaman ayırsaydım o zaman görürdün :D

ufuk 5.000 Mesaja 11 Sayı Kaldı ;)

101 olmasın o  :D

bu yorumla beraber 100.

[AUSXR]

Güne özel çok iyi olmuş eline sağlık.

[Ufufuk]

Güne özel çok iyi olmuş eline sağlık.

Teşekkür ederim :)

[Ufufuk]

Güncel.