|
|
Arkadaslar butonuma şekil vermek istiyorum...
- Konbuyu başlatan holigan52
- Başlangıç tarihi
Butonlar kodlamayla değil, tasarım bilgi ve becerisiyle yapılıyor, sonuçta görsel şeyler. Bunların yerleşimi ve işlevleriyse kod bilgisiyle oluyor.
Şimdi hazır bir CMS (Content Managing System = İçerik Yönetim Sistemi) kullanıyorsan buna uygun buton takımları veya farklı temalar olabilir, keza yapılabilir ve ilgili görsel dosyaları değiştirilir. Ama sen burada CMS bilgisi de vermiyorsun ve üstelik yazılımdan da anlamıyorsun. Şimdi sana yazılımı, kodlamayı, program dillerini anlatmaya kalkmak için şuradan başlamak lazım:
"Dünya bir toz ve gaz bulutuydu..."
"Dünya bir toz ve gaz bulutuydu..."
CSS kodlarıyla renklendirme yapabilirsin, biraz garip olur ama buyur;
E
Erturk
Misafir
Öncelikle şu resimi kaydet.
CSS dosyanın içerisine de şunları yaz.
Verdiğim resim ile css dosyan aynı yerde olması gerekiyor. Eger farklı ise yukarıdaki kodlardaki buton.jpg adresini kendine göre düzenle.
Daha sonrada bunu cagırmak için form kodlarının en altındaki input alanını şoyle değiştir.
Calışan demosu için : http://www.erturkkumas.com/demo/alesta/yorumlar/?islem=yaz
Kolay gelsin.
CSS dosyanın içerisine de şunları yaz.
PHP:
input.gonder {width:90px;height:30px;float:left;margin:0px;padding:0px;text-align:center;background:url(buton.jpg) 0px 0px no-repeat;border:0px;cursor:pointer;font:bold 12px Tahoma;color:#fff;text-shadow:1px 1px #000;}
input.gonder:hover {background:url(buton.jpg) 0px -30px no-repeat;}Verdiğim resim ile css dosyan aynı yerde olması gerekiyor. Eger farklı ise yukarıdaki kodlardaki buton.jpg adresini kendine göre düzenle.
Daha sonrada bunu cagırmak için form kodlarının en altındaki input alanını şoyle değiştir.
PHP:
<input type="submit" value="Gönder" class="gonder"/>Calışan demosu için : http://www.erturkkumas.com/demo/alesta/yorumlar/?islem=yaz
Kolay gelsin.
Yalnız bu input şeklide Ertürk.
Bunu istediği linki verecek buton şekline getirirsek;
Bunu istediği linki verecek buton şekline getirirsek;
#gonder {width:90px;height:30px;float:left;margin:0px;padding:0px;text-align:center;background:url(buton.jpg) 0px 0px no-repeat;border:0px;cursorointer;font:bold 12px Tahoma;color:#fff;text-shadow:1px 1px #000;}
#gonder a.hover {background:url(buton.jpg) 0px -30px no-repeat;}
Arkadaşım sen bennim demek istedğimi anlamamıssın demekki senin giibi birinin zaten biley öğretebiliceni sanmıyorum...Diğer arkadaşlarada çok teşekkür ederim çok yardımcı oldular..
Ekleme: Ellerinize sağlık
Ekleme:
Ordaki resmin yeşil yerine turuncusunu bulabilirmisin bana
Sana zahmet olmazsa ::