Skip to Content
Anasayfa » Forum » Drupal Dünyası » Site tanıtımları

Zübeyde Hanım Lisesi

Zübeyde Hanım Lisesi mb1984, Per, 17/03/2011 - 11:53 tarihinde.

Site Url'si: http://www.hozatzhl.k12.tr/
Kategori: Eğitim
Versiyon: Drupal 6.x

Okulumuzun web sitesi.


alayel, Per, 31/03/2011 - 00:41 tarihinde.

Güzel ve emek verilmiş bir tasarım. Ellerinize sağlık. Öğretmen olduğunuzu görünce benimde abim öğretmen ama hiç böyle şeylere kafa yormuyorki bişeyler öğrenelim :)
Slideshow çok güzel video sitem içinde yapmak istiyorum.
Nerden başlamam konusunda yardımcı olurmusunuz.

mb1984, Per, 31/03/2011 - 16:51 tarihinde.

Size tavsiyem bu bağlantı da bulunan video izleyin,sonrasında eğer alt kısımda sayı görmek isterseniz views slideshow ayarlarınında değişiklik yapın. Son olarakta css kodlarınız kendinize göre şekillendirin, bunun için sitede bulunan css dersleri yeterli olacağı kanısındayım. yardımcı olması açısından kullandığım kodları buraya yazıyorum.

/* slideshow
-------------------------------------------------------------- */
#block-views-simpleviews_2-block_1 {
        margin-top:1em;
}
#block-views-simpleviews_2-block_1 h1{
        color:#CCC;
}
#block-views-simpleviews_2-block_1 h2{
        background:url(../img/haber_ust.png) ;
    border: 0 none;
    color:#FFF;
    height: 30px;
    line-height: 30px;
    margin: 0;

    padding: 0 0 0 40px;
        width: 100%;
       
}
#views_slideshow_singleframe_teaser_section_simpleviews_2-block_1{
        position:relative;
}
#transparency{
        position:absolute;
        bottom:0px;
        left:0px;
        width:540px;
        height:125px;
        background-color:#000;
        filter:alpha(opacity=80);
        opacity:0.8;
        -moz-opacity:0.8;
}
#mycontent{
        position:absolute;
        top:300px;
        left:10px;
        color:#FFF;
}

#views_slideshow_singleframe_pager_simpleviews_2-block_1{
        background-color:#333333;
        height:35px;
        width: 540px;
       
}

.views-slideshow-controls-bottom a {
    color:#FFF;
    font-size: 17px;
    font-weight: 800;
    padding: 9px 9px 4px;
    text-decoration: none;
}
.views-slideshow-controls-bottom a:hover{
        color:#999999;
}
.views_slideshow_pagerNumbered div.activeSlide a {
        background-color:#A31009;
        height:20px;
   
}
.views-slideshow-controls-bottom {
    color:#FFF;
        margin-bottom:10px;
}
#mycontent a {
        background:url(../img/devam_zemin.png);
        color:#FFF;
        padding: 7px 15px 4px;
        font-weight:bold;
        font-size:16px;
}
#mycontent a:hover{
        padding: 7px 15px 4px;
        color:#CCC;
}

alayel, Per, 31/03/2011 - 17:34 tarihinde.

Hocam tşk ederim. Akşam yapmayı deniyecem.
tekrar sağolun.

kay, Cuma, 01/04/2011 - 12:26 tarihinde.

hocam elinize sağlık gayet güzel olmuş.
ben de bir okul sitesi yaptım www.istanbulsporlisesi.k12.tr
size şu renkli blok başlıklarını nasıl yaptığınızı ve nasıl ikon eklediğinizi sormak istiyorum benim için önemli konulardan biri. bu konularda yeniyim

mb1984, Cuma, 01/04/2011 - 14:38 tarihinde.

öncelikle resimlerin olduğu her blok için css dosyanıza aşağıdakine benzer eklemeler yapmanız gerekir, ve bunu yapmak istediğiniz her blok için ayrı ayrı yapıcaksınız(en azından ben öyle yaptım:) )

block-views-simpleviews_2-block_1 h2{
    background:url(../img/haber_ust.png) ;
    border: 0 none;
    color:#FFF;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 0 0 40px;
    width: 100%;
       
}