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** · 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

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

<?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

/*
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 !

Joomla 1.5 Tema Tasarımı b1-b2

Konu: Joomla 1.5 Tema Tasarımı b1-b2

LinkBack

Seçenekler

Görüntü

Cevap: Joomla 1.5 Tema Tasarımı b1-b2

Cevap: Joomla 1.5 Tema Tasarımı b1-b2

Cevap: Joomla 1.5 Tema Tasarımı b1-b2

Cevap: Joomla 1.5 Tema Tasarımı b1-b2

Cevap: Joomla 1.5 Tema Tasarımı b1-b2

Cevap: Joomla 1.5 Tema Tasarımı b1-b2

Cevap: Joomla 1.5 Tema Tasarımı b1-b2

Cevap: Joomla 1.5 Tema Tasarımı b1-b2

Cevap: Joomla 1.5 Tema Tasarımı b1-b2

Cevap: Joomla 1.5 Tema Tasarımı b1-b2

Benzer Konular

Joomla Tema Tasarımı b3-2

Joomla 1.5 Tema Tasarımı b3

Her "bölüme,kategoriye" ayrı ayrı tasarımı nasıl yapabilirim?

joomla tema

Mizah Sitesi Tasarımı Acil Lazım

Bu Konudaki Etiketler

Paylaş

Paylaş

Yetkileriniz