MyBB Depo Forum
GBGreen İndex V-1 - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Ana Sayfa (https://mybbdepo.com/ana-sayfa-forumu)
+---- Konu Başlığı: GBGreen İndex V-1 (/gbgreen-index-v-1-konusu.html)



GBGreen İndex V-1 - Huracine - 12-04-2014

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


Cvp: GBGreen İndex V-1 - xGhos - 12-04-2014

Sade Ve Güzel Bir Tasarım Olmuş


Cvp: GBGreen İndex V-1 - fast - 12-04-2014

Nasıl yüklicem ?


Cvp: GBGreen İndex V-1 - Secilmis42 - 13-04-2014

Başarılı olmuş, hocam ellerinize sağlık.


Cvp: GBGreen İndex V-1 - Huracine - 14-04-2014

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