csstemplate

< Web Derslerine Geri Dön <

Soru:

Herhangi bir CSS tasarımı siteme uygulamak istiyorum, ancak bir türlü başaramadım. Ya içerik tasarım altında oluyor, ya tasarım kayıyor, ya resimler gözükmüyor, yada ekstralar tasarım içinde gözükmüyor. Mutlaka bir sorun çıkıyor. CSS tasarımlar TR.GG'ye uygulanabiliyor mu? Eğer uygulanabiliyorsa bunun püf noktası nedir?

Cevap:

Hemen hemen bütün CSS tasarımlar TR.GG'nin CSS tasarımına uygulanabiliyor. Denedim ve test ettim. Sadece çok gelişmiş olan, büyük katmanlı tasarımlarda sorun çıkıyor. Eğer nasıl uygulandığını merak ediyorsanız aşağıdaki dersimizi izleyin:

Derse başlamadan önce aşağıdaki kodu bir yere not alın, çünkü işinize yarayacak:

h1#title{display: none;}

h2#title span {display: none;}

div.header{display: none;}

li.nav_element{list-style-type: none;}

li.nav_element{display: none;}

Belki dersi izlemeden önce sonucu görmek istersiniz. Boştan yere izlemiyeyim diyorsanız aşağıdaki örneğe bakınız:

Uyguladığımız CSS tasarım: http://www.freecsstemplates.org/preview/bestfriends

Ve sonuç: http://hackerfriendly.tr.gg/1.htm

Btn CSS tasarımlar TR.GG'ye uygulanabilmekte.

http://www.freecsstemplates.org adresine giriyoruz.

Herhangi bir CSS tasarımı bilgisayarımıza indirelim

İnen dosya Winrar ise dışarı ıkartalım.

Genel olarak CSS tasarımların ieriği bu şekildedir.

Bazen Java kodlar da bulunabilir.

CSS dosyasını dzenlemek iin aıyoruz.

Sitemize uygulamak iin resim konumlarını değiştirmek gerekiyor.

Resim konumlarını değiştirmezsek sitemizde gzkmez.

Tavsiye olarak 1 GB alanı olan TR.GG sitenize resimleri ykleyiniz.

Dzenleme programınızın zelliğine bağlı olarak…

… tm resim konumlarını değiştirin. Notepad'te CTRL+H yapıyoruz.

Eğer kendi sitenize yklemek istemiyorsanız…

… resmin orijinal konumu ile de değiştirebilirsiniz.

Orijinal konumları ile değiştirmenin iki riski var :

1 - Silinebilir; 2 - Konum değişebilir.

Orjinal konum ile değiştirdiğimizde resimler byle olacak

Bylece resimleri tekrar ykleme zahmetinden kurtulmuş olduk.

CSS kodunu kopyalayıp tasarım ayarlarına gidiniz.

Vermiş olduğum kod başta olmak zere CSS kodu yapıştırınız.

Buraya kadar sitemize CSS kodunu uyarlamış olduk.

Bundan sonraki işimiz Tasarım zerinde ve Altında olacak.

Şablonu nizleme yaptığımız sayfada kaynağı grntleyin

… diğer sayfaya geiniz…

BODY tag ncesi btn kodları siliniz.

BODY tag kapamasından sonraki kodları da siliniz..

BODY tag kapamasından sonraki kodları da siliniz..

… diğer sayfaya geiniz…

Şablonun iinde ieriği oluşturan kısmı da siliniz.

Content kodunun başlangı ve bitiş kısımlarına dikkat ediniz.

Silmiş olduğumuz ierik kısmı burası.

… diğer sayfaya geiniz…

İeriği sildikten sonra bu adımlar uygulanacak.

Tasarım zerine ve altına ilgili kodları yapıştırıyoruz.

Tasarım zerine ve altına ilgili kodları yapıştırıyoruz.

Kaydet diyerek değişiklikleri kaydediyoruz.

İşte mutlu son

Sonu bu adreste: http://hackerfriendly.tr.gg/1.htm

Bilgi Gtr, Paylaştıka Byr!

Artık siz de kendinize zg CSS tasarımlar yapabilirsiniz, başarılar.

Resimleri orjinal boyutunda izlemek iin zerlerine tıklayınız…
Piksel olarak dşk ekranlarda F11 yapmanız tavsiye olunur.

< Web Derslerine Geri Dön <

---

Bu sayfa hakkındaki son yorum: Yorumu gnderen:: 01.02.2009 17:35:06 web-store Online! Hackerfriend Tasrmm Yaptm Ama Sayfaya Koyduum Resimler Sol Mennn Altnda Gzkyo Bunu Nasl Dzeltebiliriz Yardm PLS.. Yorumu gnderen:: 01.02.2009 16:43:27 web-store Online! Saolasn HF Alemin Kral HackeRFrienD Yorumu gnderen:: 27.01.2009 20:18:27 hackerfriend Offline Frat, kodlar grmeden birey sylemek zor. Yorumu gnderen: Frat, 23.01.2009 12:08:15: http://i39.tinypic.com/oir4u1.jpg Resim Burada. Yorumu gnderen: Frat, 23.01.2009 11:57:34: ncelikle emeine salk. Tasarm harfiyen uyguladgm halde baslk resmi ana sayfa hari tm sayfalarda hem menn stnde hemde altnda grkyor bunu zmn biliyorsan ltfen cevaplarmsn Anlatamadysam resim siteniz ksmnda Teekkrler Yorumu gnderen:: 12.01.2009 15:16:26 krallink Online! bana yardmc olsun ltfen tasarmm gitti:D??? Yorumu gnderen:: 10.01.2009 22:54:01 6kisi Offline hacker friend bi sorum olacak ben yaptmda resimler saa sola kayyor Yorumu gnderen:: 05.01.2009 21:21:19 profesyonelphotoshop Offline siten ok gzel..fakat dosyalarda belirtilen yere belirtilen kodlar yaptrdm..fakat menler gzkmedi..bu sorunun zmn bana aklayabilecek varm Yorumu gnderen:: 30.12.2008 11:17:48 global-balikesir Offline BEN BURDAKLERDEN BSEY ANLAMADM VE YAPAMADM Yorumu gnderen:: 29.12.2008 16:42:00 hackerqolik Offline ok iime yarad saol.. artk kendi temam kendim yaporum ...saol Yorumu gnderen:: 29.12.2008 16:27:17 hackerqolik Offline sitendeki takwim resimlerin zerine geiyor..! bii gskmor...!!!!! Yorumu gnderen: egeli 09, 29.12.2008 03:40:45: mesini, altta yanyana siralanmis reimler ve bu resimlerden birisinin tiklanmasi halinde o resim icin yeni sayfa acilmasini ve 360 derece navigasyon yapabilmeyi istiyorum, ne yapmam gerektigini bana sirayla anlatabilirsen cok sevinirim. sonsuz tesek Yorumu gnderen: egeli 09, 29.12.2008 03:22:11: hocam cok gzel bir sayfa yapmissiniz, ellerinize saglik. ben bu sayfayi tesadfen buldum bir trl cikamiyorum. okudukca konudan digerine geciyorum. herhalde bu gece yatamayacagim. gelelim benim sorunuma ben kendime ait bir sayfa yapmayi istiyorum. Yorumu gnderen:: 18.12.2008 20:59:58 ahmedalparslan Offline S.a. ok Saol. Ben Aslnda ASP ve PHP zerine Bamsz Olarak alyorum.Ama Bedava-Sitem'e Talebin ok Olduunu ve Tasarm Uyarlamalar Yapldn Ama Bu Konuda Sknt ekildiini Grdm.Ben de Sknt ekiyordum.Ama imdi Rahatladm.Artk Kendi Yorumu gnderen: Hacker25, 17.12.2008 13:37:53: Karde bu yaptnz tasarmlar Tr.GG iin biraz kark olur...nk TR.GG Javasicrip desteklemesi zayftr.Bu tasarm her zaman web gstermeye bilir.TR.GG in bu tasarmlar...pek de iyi olmayabilir... Yorumu gnderen: adil, 17.12.2008 08:12:25: hacker friend: kardeim nceden de bir soru sormutum cvp alamadm tekrar soruyorum... bu verdiiniz kodlar ift menulu tasarmlarda olmuyor.. bunuda bir aklarmsnz???pls... Yorumu gnderen: NoName*, 16.12.2008 23:05:48: KARDES SAGOLASIN Yorumu gnderen:: 14.12.2008 14:46:20 berenaytac Offline iyide benim tasarm blmmde css yok bi arkada daha aynsn yazmt ne yapmamz lazm Yorumu gnderen:: 11.12.2008 17:57:15 upsbilgisayar-blog Offline yha tasarmlar cok guzel paylasdgnz cn tesekkurlerde .. ben hepsn yaptm tasarm oldu da lnkler yabanc ve turkce yapamorm onu nasl yapcaz ? Yorumu gnderen:: 01.12.2008 15:26:30 hitarama Offline Dediklerinizin Hepsini Birer Birer Uyguladm ama Yan Men asag kayyor Bir Bakarmsnz Ltfn.. www.hitarama.tr.gg Yorumu gnderen:: 30.11.2008 11:58:41 elektrobilesim Offline birader bende tasarm ayarlaran giriyorum ama ordan gelimi ayarlarada giriyorum ama css diye biey yazmyo bi yardmc olursan sevinirim Yorumu gnderen: BARI, 28.11.2008 15:20:07: ALLAH SEN EKSK ETMESN KARDE YA ANLATIMIN OK Y Yorumu gnderen:: 25.11.2008 19:24:51 radyoarda Offline ben hicbirsey anlamadim valla Yorumu gnderen: musakuzgun, 25.11.2008 03:40:59: helal olsun abi en acik bu sekilte anlatilirdi sanirim cok cok saolun sayenizde bisiler yapicam allah razi olsun. Yorumu gnderen:: 24.11.2008 20:35:56 benimsitem1993 Offline Hocam ben tasarm baka bir siteden aldm.Ama sizin bu deidklerinizin hibiri yok.Benim elimde topu topu style diye bir dosya var,iindede bu dedikleriniz yok.Ltfen yardm edin.

Bu sayfa hakkında yorum ekle:

İsminiz:
Siteniz:
Mesajın: