MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Huracine avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

GBGreen İndex V-1


Sponsor Reklam
media venus

Çevrimdışı Huracine
 Tarih: 12-04-2014, Saat:22:31
(Son Düzenleme: 12-04-2014, Saat:22:32, Düzenleyen: Huracine.)
#1
Merhaba değerli mdp ailesi,
Bu gün sizlere kısa süre önce yapmış olduğum index çalışmasını sunacağım.
Not: Tasarım hali olmadan, direk kodladım. O an aklımdan geçenleri döktüm. Tasarımda hiç resim kullanılmadı.

resim

CSS Kodu:
PHP Kod:
/* Sıfırlamalar */
body {background-color:#f7f7f7; background-repeat:no-repeat; background-attachment:fixed; background-position:center; text-align: center; margin: 0px;}
a,li text-decorationnone; list-stylenonefont-familyTahomacolor#fff;}
input:focus outlinenone;}

/* Üst Header */
#arkapln {background-color:#fff; height: 50px; -webkit-box-shadow: -1px 0px 15px 0px rgba(0, 0, 50, 0.42); -moz-box-shadow:    -1px 0px 15px 0px rgba(0, 0, 50, 0.42);box-shadow:         -1px 0px 15px 0px rgba(0, 0, 50, 0.42);
}
#arkapln a li {font-family:'Corbel'; font-size: 15px; color:#333; float:left; margin-left: 15px; margin-top: 15px; }

/* Menu */
#menu {float:right; margin-left: 3px; float:right; }
#menu li {float:left;}
#menu li a{font-family:'Corbel'; font-size: 12px; color:#333; float:left; margin-left: 15px; margin-top: 15px; float:left;margin:0 15px; margin-top: 15px;}
#menu li a:hover {transition: all 500ms; border-bottom:solid 2px #17d6a0; }

/* Orta Yazı */
#baslik li {font-family:'Corbel'; font-size: 35px; color:#333; float:left; margin-left: 35px; margin-top: 35px;  }
#yazi li {font-family:'Corbel'; font-size: 15px; color:#333; float:left;  margin-top: 80px; margin-left: -155px;text-align: left;  }

/* Orta Yazı */
#baslik2 li {font-family:'Corbel'; font-size: 35px; color:#333; float:right; margin-right: 35px; margin-top: 25px;  }

/* Sosyal Medya Facebook */
#sosyal {background-color: #3B5998;}
#sosyal li a {font-family: 'Corbel'; font-size: 15px; color:#fff; line-height: 50px;background-color: #3B5998; margin-right: 3px; }
#yazi2 {float:right;  margin-right: -95px; margin-top: 80px; text-align: left;  }

/* Sosyal Medya Twitter */

#sosyal1 {background-color: #44CCF6;}
#sosyal1 li a {font-family: 'Corbel'; font-size: 15px; color:#fff;   background-color: #44CCF6; margin-right: 10px; }
#yazi3 {float:right;  margin-right: -160px; margin-top: 16px; text-align: left;  } 

HTML Kodu:
PHP Kod:
<html>
<
head>
<
title>Sayfa Başlığı</title>
</
head>
<
body>
<
div id="arkapln"><a href="#"> <li> <b>GRAFİKBOOK<font color="#17d6a0">.NET</font> </li></a>

<
div id="menu">
<
li><a href="index.php"><span style="border-bottom:solid 2px #17d6a0;">ANA SAYFA</span></a></li>
<
li><a href="portal.php">PORTAL</a></li>
<
li><a href="memberlist.php">ÜYE LİSTESİ</a></li>
<
li><a href="misc.php?action=help?">YARDIM</a></li>
<
li><a href="search.php">ARAMA</a></li>
</
div>

</
div>

<
div id="baslik"><li><span style="border-bottom:solid 2px #17d6a0;"Hakkımda </span></li> </div>
<
br>
<
div id="yazi"><li
But I must explain to you how all this mistaken idea of<brdenouncing pleasure and praising
pain was born 
and I will<brgive you a complete account of the system, and expound the actual<brteachings
of the great explorer of the truth
the<brmaster-builder of human happinessNo one rejects,<brdislikes,
or 
avoids pleasure itselfbecause it is pleasure, <br>but because those who do not know how to pursue pleasure
rationally encounter consequences
<brthat are extremely painfulNor again is there<branyone who loves or pursues
or desires to obtain pain of itself,<brbecause it is painbut because occasionally circumstances <br>occur in which
toil 
and pain can procure him <br>some great pleasureTo take a trivial examplewhich of us ever<brundertakes laborious
physical exercise
except to obtain<brsome advantage from itBut who has any right<brto find fault with
a man who chooses to enjoy a pleasure
<brthat has no annoying consequences, or one who avoids a pain that produces no resultant pleasure? </li></div>

<
div id="baslik2"><li><span style="border-bottom:solid 2px #17d6a0;"Sosyal Medya </span></li> </div>

<
div id="yazi2"> <div id="sosyal"><li><span style="float:right;"><a href="#"Facebook</span></a></li>  </div>
<
div id="yazi3"> <div id="sosyal1"><li><span style="float:right;"><a href="#"Twitter</span></a></li>  </div>

</
body>
</
html

Demo:
Kod:
http://www.grafikbook.net/denemeindex2/

Dipnot: Kodlamada hatalar var ise affola, CSS'i unutmuşmuyum diye denemek istedim kendimi. Onun eseridir. Uyku
Cevapla
Bunu Beğenenler: usameavci , Funny , Emektar , B-S-A , Secilmis42
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı xGhos
 Tarih: 12-04-2014, Saat:22:40
#2
Sade Ve Güzel Bir Tasarım Olmuş
Cevapla
Bunu Beğenenler: Huracine

Çevrimdışı fast
 Tarih: 12-04-2014, Saat:23:16
#3
Nasıl yüklicem ?
Cevapla
Bunu Beğenenler:

Çevrimdışı Secilmis42
 Tarih: 13-04-2014, Saat:15:34
#4
Başarılı olmuş, hocam ellerinize sağlık.
Cevapla
Bunu Beğenenler: Huracine

Çevrimdışı Huracine
 Tarih: 14-04-2014, Saat:13:27
#5
(12-04-2014, Saat:23:16)alpermert2001 Adlı Kullanıcıdan Alıntı: Nasıl yüklicem ?

Hocam kullanmadığınız bir şablonuna html kodlarını yapıştırıp, css kodlarını da global.css'e yapıştırırsanız sonuca ulaşırsınız.
Eğer ayrı yapmak istiyorum siteye ek bir alan eklemek istiyorum örnk:"http://www.grafikbook.net/denemeindex2/" gibi bildirin anlatayım.

Yorumlar için teşekkür ederim.
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Index Top Posters [En İyi Mesaj Yazanlar] 007combatant 2 2,842 05-09-2014, Saat:16:38
Son Yorum: Time Traveler
  MyBB İndex Kodlamam V2 ByTugrul 10 1,469 03-08-2014, Saat:14:26
Son Yorum: Huracine
  MyBB İndex Kodlamam V1 ByTugrul 9 1,536 02-08-2014, Saat:11:37
Son Yorum: ByTugrul
  Süper Bir Giriş İndex'i Psd Dahil webbi 12 5,101 26-04-2013, Saat:11:27
Son Yorum: baturxx4



Konuyu Okuyanlar: 1 Ziyaretçi