Sağdan sola geçişli banner alanı

[Ranthiel]

Yukarıda ki yorumda belirttiğim hatayı düzelttim, kodları yanlış yere eklemişim. Şimdide ufak bir sorunum var şu Logo ve sağ kısımda bulunan profil avatar kısmı bannerin altında kalmış onu nasıl bannerin üstüne alacağım?

[tarantula901]

css dosyasına şunu ekle

Kod Seç Genişlet

div#logo {
    position: absolute; 
}
sadece logoyu görebildiğim için loğu için ayar çekebildim.

[Ranthiel]

css dosyasına şunu ekle

Kod Seç Genişlet

div#logo {
    position: absolute; 
}
sadece logoyu görebildiğim için loğu için ayar çekebildim.

Banneri küçülttüm, şu kırmızı alandaki kısmı bannerin üstüne alıp daha sonra arkaplana da aşağıdaki 2. görüntüdeki gibi gölgelik ekleyebilirmiyiz?

ŞUANKİ HALİ

DEÃ,,Å¾İŞTİRİLECEK HALİ

[tarantula901]

cssde şunu arat

Kod Seç Genişlet

#header .user {
    float: right;
    width: 380px;
    height: 70px;
    margin: 0;
    margin-top: 15px;
    padding: 10px;
    color: #bbb; 
   
}
şununla değiştir.

Kod Seç Genişlet

#header .user {
    float: right;
    width: 380px;
    height: 70px;
    margin: 0;
    margin-top: 15px;
    padding: 10px;
    color: #bbb;
    position: absolute;
    right: 0;
}

[Ranthiel]

Resimdeki gibi arka plana gölge belirleyici bir şey ekliyebilirmiyiz? Bir site yapmıştı Geek temasıydı oda aynısıydı fakat şuan başka tema kullanıyorlar. Bahsettiğim şey şu arka plana siyah kutucuk tarzı bir şey. Fotoğrafın bir altında demo hesabı var giriş yapabilmeniz için.

Demo hesabı
k.adı : test
Şifresi : test

[Ranthiel]

Tamamdır, onuda yaptım. Konu kilit.  [ Yukarıdaki ekran görüntüsünde bulunan kırmızı daire içindeki arkaplan gölge efektinin kodları aşağıda ]

İNDEX CSS de değiştirilecek kod

Kod Seç Genişlet

#header .user {
box-shadow: -10px 4px 19px 3px rgba(0,0,0,0.75);
    float: right;
    width: 250px;
    height: 100px;
    margin: 0;
    padding-top: 10px;
    margin-top: 5px;
    padding-left: 0px;
    color: #bbb;
    background-color: #000;
    opacity: 70%;
}