Destina teması

[zafer715]

Tema gidiş hattını begendim guzel olmuş. o sol taraftaki meulerin tablolama modellerini sormussun sanırım seninkinde ana tabloyu ustunu almış. yani siyah. benimkinde seffaf ya. subsilver 2 de stylesheet te tanımlama yapacaksın sonra tabloda belirteceksin. senin tabloda ana tablonun kodları vardır. sen ona farklı gireceksin.

soyle dusun bak subsilver 2 için konuşuyorum...

Kod: Tümünü seç

<div class="sol_">
  <div class="sag_">
    <div class="toplagel"><h4 id="beyazlatma">
	<a class="titles" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h4>
    </div>
  </div>
</div>

bu koddtan sonra tablo girince tablonun uzerini tanımlama yapıyor cerceveyi kaplıyor. şimdi burda

toplagel ,sag_ ve sol ne bakalım. stylesheet dosyasında

Kod: Tümünü seç

/* Layout
 ------------ */

.ust_sola {
	background-image: url('./images/ust_sola.gif');
	background-position: left top;
	height: 12px;
	width: 13px;
	background-repeat: no-repeat;
}
.ust_saga {
	background-image: url('./images/ust_saga.gif');
	background-repeat: no-repeat;
	background-position: right top;
	height: 12px;
	width: 13px;
}
.alt_saga {
	background-image: url('./images/alt_saga.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 12px;
	width: 13px;
}
.alt_sola {
	background-image: url('./images/alt_sola.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 12px;
	width: 13px;
}
.toplagel {
	background: url('./images/orta_.gif') bottom left repeat-x;
	height: 43px;
	font-weight: lighter;
	font-size: 1.3em;
	text-align: left;
	vertical-align: middle;
	margin: 0;
	overflow: hidden;
}


#ustbilgi {
	height: 143px;
	width: 349px;
	float: right;
	margin-top: -50px;
	margin-right: 15px;
	position: absolute;
	margin-left: 30%;
	background-image: url(./images/uyebilgi.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 27px;
	padding-left: 30px;
}

.sol_ {
	background: url('./images/sol_.gif') bottom left no-repeat;
	padding-left: 28px;
	height: 43px;
}

.sag_ {
	background: url('./images/sag_.gif') bottom right no-repeat;
	padding-right: 27px;
	height: 43px;
}

.alt_orta {
	background: url('./images/orta___.gif') bottom left repeat-x;
	height: 12px;
	font-size: 0.1em;
	margin: 0;
}

.alt_sol {
	background: url('./images/sol___.gif') bottom left no-repeat;
	padding-left: 10px;
}

.alt_sag {
	background: url('./images/sag___.gif') bottom right no-repeat;
	padding-right: 10px;
}
.row11_forum_resmi {
	background-image: url(./images/alt_1.gif);
	background-repeat: repeat-x;
	background-color: #e6eaed;
	padding: 2px;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	background-position: left bottom;
	border-left-style: none;
}

.row11 {
	background-image: url(./images/alt_1.gif);
	background-repeat: repeat;
	background-color: #e6eaed;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-position: left bottom;
	padding: 8px;
}

.row22 {
	background-image: url(./images/alt_1.gif);
	background-repeat: repeat-x;
	background-color: #e6eaed;
	padding: 2px;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	background-position: left bottom;
	border-left-style: none;
}

.row33 {
	background-repeat: repeat-x;
	background-color: #E6E6E6;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-position: left bottom;
}
#beyazlatma  {
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 15px;
	font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif;
	font-weight: bold;
}
#beyazlatma a {
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 0px;
	font-weight: bold;
}


html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background-color: #e9e9e9;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}

#wrapheader {
	height: auto !important;
	padding: 0;
}

#wrapcentre {
	width: 88%;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #A9B8C2;
}

#logodesc {
	background-color: #C1CAD2;
	background-image: url('./images/background.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 0 25px 15px 25px;
}

#menubar {
	margin: 0 25px;
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #F9CC79;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }

yukarıdaki tanımlamalar forum baslık tablosuna ne şekil olacagını gosteriyor. bu kısmın altına. kendi tanımlamanızı yapıpta ilk basta verdigim tablo kısmında belirtirseniz. ozaman sol taraftaki açılır kapanır kutunuzun stilini farklı hale getirmiş olursunuz.

bu arada ilk verdigim koddaki {U_VIEW_TOPIC}">{TOPIC_TITLE} bu kısımda başlık kısmı tablonun başlıgı yani sizdeki aktif 10 başlık gibi onları değiştireceksiniz

[zafer715]

giflerini kendin belirleyecen yada yapacan photoshop ile. senin kullanacagın sol sag toplagel. topla gel dedigi orta oluyor. sen kafana gore sag_ sol_ penaltı_gol yap ama her yaptıgın tanımlamada dogru resmi gostermelisin

[akansu]

Tablolamayı yada topic_titleyi sınırlamayı değil de son mesajdaki yazılanların bir kısmını anasayfaya nasıl çektiğini sormuştum. php kodları lazım eğer varsa. Top Five moduna uyumlu olursa çok güzel olur.

Resimle de göstereyim:

1613Untitled-4.jpg (30.81 KiB) 1714 kere görüntülendi

[satcell]

o resimdeki olsa olsa orjinal vb4 temadan copy paste ile alınarak şurdaki düzenlemeyi http://efrig.com/viewtopic.php?f=49&t=212 vBulletin4 pro [3.0.7] temaya uygulayıp copy paste ile bir orjinal vb4 temadan resim düzenleyici ile o sorduğun yeri öyle yapmış olmalı,ilk mesajında yazmış sağ taraftaki son konular paneli vbulletin4 temasinin panelidir.

[zafer715]

--

[satcell]

http://startrekguide.com/community/view ... 07&start=0

[ZeNaNLi]

Daha öncede bahsettiğim gibi istatistikler kısmını jquery destekli yapmak aslında görüntü kirliliğini önler diye düşünüyorum, fakat biraz zahmet gerektiriyor. Zaman oldukça zahmetlere de katlanmak gerekiyor.

Kısmen vb 4.0 tarzı klasik bir görünüm için ufak bir örnek vereyim.