Joomla 1.5 Tema Tasarımı b1-b2

karaf · 06-07-2009, 15:34

Bu değerli bilgiler için çok teşekkürler.

uyeyim · 06-08-2009, 09:33

Değerli kardeşim ellerinize sağlık.

Tema yapma konusunda Türkçe kaynak açısından ciddi boşluk vardı.
Bu makaleniz ile bu boşluğu doldurmaya çalıştığınız için teşekkür ediyorum.

**Tamer Okuşluk** · 06-30-2009, 07:15

<div id="baslik">

css kodu gözden kaçmış sanırım hocam

PHP- Kodu:


			
  #baslik {

    width:968px;

    position:relative;

    margin:0 auto;

    display:block;

    background:#fff;

}

bu dersi takip eden arkadaşların css dosyasına eklemelerinde fayda var

**xuma** · 06-30-2009, 18:03

Alıntı:

Tamer Okuşluk Nickli Üyeden Alıntı

<div id="baslik">

css kodu gözden kaçmış sanırım hocam

PHP- Kodu:


			
  #baslik {

    width:968px;

    position:relative;

    margin:0 auto;

    display:block;

    background:#fff;

}

bu dersi takip eden arkadaşların css dosyasına eklemelerinde fayda var

Teşekkürler Tamer , bu temayı derslerle eş zamanlı hazırladığım için eksik,fazla veya sonradan düzellttiğim kısımlar var bunları bildirirseniz sevinirim.

darknesskemal · 08-16-2009, 13:44

Şu ana kadar okuduğum en faydalı tema hazırlama dersi ve hiç abartmıyorum

sybn · 09-04-2009, 11:12

Öncelikle bu kadar güzel, basit ve etkili anlatımın için teşekkür ederim.
Ancak bir sıkıntım var.

İlk olarak, hazırlamış olduğum index.php dosyası aşağıdaki gibi

Alıntı:

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="<?php echo $this->language; ?>"
lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>
/templates/<?php echo $this->template?>/css/genel.css"
type="text/css" />
</head>

<div id="tasiyici">
<div id="baslik"> <h1>Gunes Gayrimenkul Danismanlik Hizmetleri</h1>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b></div>
<div id="menu">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div class="menu"></div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</div>
<div id="icerik-tasiyici">
<div id="icerik">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div class="icerik">

<jdoc:include type="component" />

</div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</div>
<div id="sag-tasiyici">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<div class="sag-tasiyici"></div>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</div>
</div>
<div id="taban"></div>

<body>

</body>
</html>

genel.css ise

Alıntı:

/*
CSS RESET
*/
html, body, div, span, object, iframe, h1,
h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, cite, code, del, em,
img, ins, strong, sub, sup, dd, dl, dt, li, ol,
ul, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
}
html {
overflow: -moz-scrollbars-vertical;
overflow: scroll;
}

table {border-spacing:0;}
a:hover {text-decoration:none;}
a {outline-width:0}
dd {display:inline}
ul,ol { list-style:none }

/*
Backgound color'ı belirliyoruz ve tasiyicinin ayarlamasını yapıyoruz.
*/
body {
background:#ecece2;
}

#tasiyici {
position:relative;
width:968px;
margin:0 auto;
}

/*
Yuvarlak kenarlar için kod
*/

b.rtop, b.rbottom{display:block;background: #ecece2}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #fff}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/*
Başlık katmanını oluşturuyoruz.
*/

#baslik {
width:968px;
position:relative;
margin:0 auto;
display:block;
background:#fff;
}

/*
Menü Katmanını oluşturuyoruz.
*/

#menu {
width:968px;
position:relative;
margin:0 auto;
display:block;
background:#fff;
}
#menu .menu{
height:30px;
width:968px;
}

/*
İçerik tasiyici ve içerik katmanını oluşturuyoruz.
*/

#icerik-tasiyici {
margin:0 auto;
width:968px;
padding:10px 0 0 0;
}
#icerik {
width:755px;
min-height:400px;
float:left;
background:#fff;

}
#icerik .icerik {
width:755px;
min-height:400px;
}

#sag-tasiyici{
width:213px;
float:right;
background:#fff;
}

#sag.tasiyici'yi derslerde göremedim, bu yüzden kendim ekledim.

Editör olarak aptana kullanıyorum.

Şimdi tüm bunlara rağmen aptanada önizleme yaptığımda restricted access, upload ettiğim temada ise biçimsiz bir sayfa ile karşılaşıyorum.

Acaba nerede hata yapıyorum?

**xuma** · 09-04-2009, 13:36

İyigünler
Joomla temalarınızı maalesefki aptana ile önizleme yapamazsınız.Özellikle belirtmiş olduğunuz kısım buna izin vermez.Aptana üzerinde çalıştığınız dosyayı direkt çalıştırmaya çalışır ancak joomla temaları joomla dışında çalışacak şekilde hazırlanmamıştır.Bu yüzden önizlemelerinizi lütfen localhost'unuz üzerinden yapınız.
#sag-tasiyici katmanı :

PHP- Kodu:


			
#sag-tasiyici {

background:#FFFFFF none repeat scroll 0 0;

float:right;

min-height:400px;

width:200px;

}

#sag-tasiyici .sag-tasiyici {

min-height:400px;

padding:5px;

width:200px;

}

#sag tasıyıcı katmanı html

PHP- Kodu:


			
<div id="sag-tasiyici">

                <b class="rtop"><b class="r1"/><b class="r2"/><b class="r3"/><b class="r4"/></b>

                    <div class="sag-tasiyici">

                                

    

            

    

            

    

    

                    </div>

                <b class="rbottom"><b class="r4"/><b class="r3"/><b class="r2"/><b class="r1"/></b>

                </div>

Lütfen derslerde bulduğunuz eksikleri iletmeye devam edin.Temanın demosuna bu adresden ulaşıp eksik olan css yapılarını kontrol edebilirsiniz.[CSS dosyası]

bilgehan · 09-30-2009, 11:23

resimleri göremiyorum. yenilemek mümkün mü?

hero25 · 10-06-2009, 15:31

resımler gözzukse cok sevındırecek benı hıc bır sey anlamadım

CeeMoo_145 · 10-21-2009, 21:29

Evet süper bir makale diye biliriz ALLAH (C.C) RAZI OLSUN !

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
Joomla Tema Tasarımı b3-2	xuma	Yazılı Dersler	4	11-20-2009 14:51
Joomla 1.5 Tema Tasarımı b3	xuma	Yazılı Dersler	9	08-25-2009 20:49
Her "bölüme,kategoriye" ayrı ayrı tasarımı nasıl yapabilirim?	kadel	Tema Sorunları	7	07-24-2009 19:20
joomla tema	pc-uzmani	Çöp Tenekesi	1	06-09-2009 00:20
Mizah Sitesi Tasarımı Acil Lazım	leon21	Çöp Tenekesi	2	04-30-2009 21:12

Joomla 1.5 Tema Tasarımı b1-b2

Yazılı Dersler

Joomla 1.5 Tema Tasarımı b1-b2