Yandaki Paneli Nasıl Yapabilirim?

[MMStheHoly]

Resimle Daha İyi Anlarsınız.
adres:http://forumtek.10tl.net

[Dream41]

HTML & CSS Biliyorsanız kolaylıkla yapa bilirsiniz.

[MMStheHoly]

bilmiyorum :(

[MMStheHoly]

yardım edin

[kaRanLık-61]

kodları bunlar;

headerinclude bunu ekle en altta;


kaydet.
Bu kodları header içine ekle bulabilirsen container sınıfında olan div içine ekle.

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

<div id="sol-menu">
<ul>
<li><a href="#beta" alt="Yukarı Çık" title="Yukarı Çık" class="yukari"><i class="ion-arrow-up-b"></i></a></li>
<li><a href="#" alt="Şu An Yok" title="Şu An Yok" class="facebook"><i class="ion-social-facebook"></i></a></li>
<li><a target="_blank" href="https://twitter.com/hilehocam" alt="@hilehocam" title="@hilehocam" class="twitter"><i class="ion-social-twitter"></i></a></li>
<li><a href="#footer" alt="Aşağı İn" title="Aşağı İn" class="asagi"><i class="ion-arrow-down-b"></i></a></li>
</ul>
</div>

kaydet.
Bunları global css ekle

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

#sol-menu {
  position: fixed;
  width: 40px;
  height: 160px;
  left: 0px;
  top: calc( 50% - 70px );
  /* Permalink - use to edit and share this gradient:   http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
  background: #ffffff; /* Old browsers */
  background: -webkit-linear-gradient(#ffffff 0%, #e5e5e5 100%);
  background: -moz-linear-gradient(#ffffff 0%, #e5e5e5 100%);
  background: -o-linear-gradient(#ffffff 0%, #e5e5e5 100%);
  background: linear-gradient(#ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  border: 1px solid #efefef;
  border-left: none;
  border-radius: 0 7px 7px 0;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

#sol-menu ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

#sol-menu ul li {
  width: 30px;
  text-align: center;
  height: 30px;
  padding: 5px;
  border-bottom: 1px solid rgba(0,0,0,0.15);
  line-height: 30px;
}

#sol-menu ul li:last-child {
  border-bottom: none;
}

#sol-menu ul li a {
  color: #334750;
  background: rgba(0,0,0,.05);
  box-shadow: inset 0px 2px 3px rgba(0,0,0,.3);
  height: 20px;
  float: left;
  width: 25px;
  margin: 2.5px;
  border-radius: 25px;
  transition: all 250ms;
  font-size: 15px;
  padding-top: 5px;
}

#sol-menu ul li a:hover {
  background: #1976D2;
  color: #fff;
}

#sol-menu ul li a.twitter {
  color: #00aced;
}

#sol-menu ul li a.twitter:hover {
  background: #00aced;
  color: #fff;
}

#sol-menu ul li a.facebook {
  color: #3b5998;
}

#sol-menu ul li a.facebook:hover {
  background: #3b5998;
  color: #fff;
}

kaydet.sorun olursa buraya yaz.

[MMStheHoly]

aşağı ve yukarı çıkıp inmiyor. ve olduğu yerde kalıyor.

[Dream41]

Js kodu eksik onun için.

[kaRanLık-61]

Js kodu eksik onun için.

madem eksik olduğunu biliyon niye vermiyorsun anlamış değilim.
site adresini ver bakalım.çözelim.

[mehmetext]

Galiba forum adresi bu, http://forumtek.10tl.net/ olmuş işte hocam. Aşağı inip çıkıyor.

[Dream41]

@kaRanLık-61 Temada js kodlarını bulamadım onun için hocam :)

[kaRanLık-61]

@kraljmehmet sitesi bu ise sorun yok.
@Dream41 anladım.Js kodlarını varlığının olduğunu nasıl anladın bende onu anlamadım :)
Kodlarına baktığım kadarıyla gerek olmaması gerek js.Varsa da ayarlarız.Konu sahibi bildirsin duruma göre.

[ByKanser]

Aynen html css bilginiz olsa kolaylıkla yaparsınız