lostyazilim
tr.link

Logo sağ üstüne "Beta" durumu belirtmek

7 Mesajlar 1.202 Okunma
lstbozum
tr.link

firatonline firatonline WM Aracı Kullanıcı
  • Üyelik 02.07.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek öğretmen
  • Konum İzmir
  • Ad Soyad F** Y**
  • Mesajlar 214
  • Beğeniler 35 / 34
  • Ticaret 12, (%100)
Arkadaşlar görsel logo kullanıyorum, logo transparan, dizilab sitesindeki gibi logonun sağ üst tarafına beta %70 gibi bir kodlama yerleştirmek istiyorum, bunu nasıl yapabilirim? Site tabanı wordpress.
 

 

wmaraci
reklam

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
Link eklersen inceleyelim. Css ile yapabilirsin kolay bir şekilde.
firatonline

kişi bu mesajı beğendi.

firatonline firatonline WM Aracı Kullanıcı
  • Üyelik 02.07.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek öğretmen
  • Konum İzmir
  • Ad Soyad F** Y**
  • Mesajlar 214
  • Beğeniler 35 / 34
  • Ticaret 12, (%100)

cgrclk adlı üyeden alıntı

Link eklersen inceleyelim. Css ile yapabilirsin kolay bir şekilde.


Özel mesajla gönderdim hocam.
 

 

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
Aşağıdaki kodları eklemeyi deneyin.

.logo h1 a {
position: relative
}

.logo h1 a:after {
position: absolute;
content: "Beta %60";
top: 0px;
right: 0px;
background: #494949;
font-size: 12px;
color: #eee !important;
padding: 2px 5px;
width: 75px;
height: 20px;
border: 1px solid #2d2d2d;
border-radius: 4px;
font-weight: normal;
}

top ve right değerleri ile de istediğiniz konuma getirebilirsiniz. Ekleyin olmazsa tekrar bakarız.
1SMHMedya

kişi bu mesajı beğendi.

wmaraci
wmaraci

65116 65116 WM Aracı Anonim Üyelik
  • Üyelik 20.06.2016
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 632
  • Beğeniler 0 / 196
  • Ticaret 9, (%89)
FıratYalçın






Beta V1!





test edip denermisin EDİT: Denediğinde buna göre uyarlaman gerekir düzenlemen gerekir..
 

 

firatonline firatonline WM Aracı Kullanıcı
  • Üyelik 02.07.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek öğretmen
  • Konum İzmir
  • Ad Soyad F** Y**
  • Mesajlar 214
  • Beğeniler 35 / 34
  • Ticaret 12, (%100)

Güven adlı üyeden alıntı

FıratYalçın



test edip denermisin EDİT: Denediğinde buna göre uyarlaman gerekir düzenlemen gerekir..


hocam bir üstteki kodu test ettiğimde direk oldu o yüzden gerek duymadım ama teşekkür ederim.

cgrclk adlı üyeden alıntı

Aşağıdaki kodları eklemeyi deneyin.

.logo h1 a {
position: relative
}

.logo h1 a:after {
position: absolute;
content: "Beta %60";
top: 0px;
right: 0px;
background: #494949;
font-size: 12px;
color: #eee !important;
padding: 2px 5px;
width: 75px;
height: 20px;
border: 1px solid #2d2d2d;
border-radius: 4px;
font-weight: normal;
}

top ve right değerleri ile de istediğiniz konuma getirebilirsiniz. Ekleyin olmazsa tekrar bakarız.




top -27 right -40 yapınca süper durdu hocam, bunu arayan arkadaşlara da yardımcı olacak bu konu, çünkü nette baktımda bu konuda paylaşım yok, eline/klavyene sağlık.
cgrclk

kişi bu mesajı beğendi.

Piedra Piedra WM Aracı Kullanıcı
  • Üyelik 03.12.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Aksaray
  • Ad Soyad H** Ç**
  • Mesajlar 466
  • Beğeniler 96 / 118
  • Ticaret 6, (%100)
Teşekkürler
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al