Landish.Ge » Web

FooterStick

Landish — Mon, 11 May 2009 08:47:32 +0000

დღეს გასწვალით თუ, როგორ შეიძლება DIV-ებისა და CSS-ის მეშვეობით ფუტერის ყოველთვის ერთ ადილას მოთავსება, ანუ სულ ბოლოში.

რა არის footerstick?

ყველა ვებ-გვერდს აქვს თავისი, ჰედერი, კონტენტი და ფუტერი. რადგან ფუტერი არის დიზაინის ქვედა ნაწილი, ხშირად იგი კონტენტის სიმაღლის მიხედვით მდებარეობს, და ხან ეკრანის ზემოთა ნაწილში ჩანს, ხანაც სულ ეკრანს მიღმაა.

Footerstick

ამ პოსტის მეშვეობით კი, თქვენ გეცოდინებათ, თუ როგორ მოაგვაროთ ეს პრობლემა და მოათასვოთ ფუტერი საიტის ქვედა ნაწილში, ისე რომ იგი კონტენტის მიუხედავად, მუდმივად ერთ ადგილას იყოს “მიმაგრებული”.

ახლა კი კოდის წერას შევუდგეთ.

HTML კოდი

დავიწყოთ HTML ტეგებით, გამოვიყენოთ ეს კოდი:

[html]
<div id="container-page">
<div id="container-content">Content</div>
<div id="container-foot">Foot</div>
</div>
[/html]

ეს IE-სა და Mozilla-სთვის, ამ ბრაუზერებს სჭირდებათ იმის მითითება, რომ ორივე ტეგი, HTML და BODY, საჭიროებს პარამეტრ height: 100% -ის დანიშნვას. ოღონდ რატომ არ მკითხოთ, ეს მე თვითონაც არ ვიცი : )

CSS კოდი

[css]

#container-page {
width: 600px;
background: #DDD;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}
[/css]

ამ კოდში კი ვუთითებთ, იმას რომ ჩვენი იდენტიფიკატორის, container-page-ის კონტეინერი, რომელიც გარს აკრავს ფუუტერსა და კონტენტს, იქნება მაქსიმალური სიმაღლის.

position: relative; - ეს ნაწილი არის მნიშვნელოვანი, და მისი შეცვლა არ შეიძლება!

[css]#container-content {padding-bottom: 40px;}[/css]

ამ კოდით კი ვუთითებთ, იმას რომ იყოს რამოდენიმე პიქსელი დატოვებული ქვემოდან… ანუ bottom-იდან… სადაც განთავსდება ჩვენი ფუტერიც.

და ბოლოს

[css]#container-foot {
width: 100%;
background: #CCC;
position: absolute;
bottom: 0 !important;
bottom: -1px;
height: 40px;
}
[/css]

ესეც ჩვენი ფუტერის DIV კონტეინერის კოდიც, აქ ჩვენ უნდა დავუმატოთ ერთი პარამეტრიც, სიმაღლის პარამეტრი, წინააღმდეგ შემთხვევაში მთელი ეს კოდი არ იმუშავებს, ასე რომ ამ CSS-ს კოდს უნდა დავუმატოთ, height: 40px;, 40px, იმიტომ, რომ ჩვენ, კონტენტის კონტეინერს ავღუნიშნეთ 40პიქსელიანი სივრცე ეკრანის ქვემოთა ნაწილიდან.

გარდა ამისა თქვენ ნახავდით, იმას, რომ რამოდენიმეჯერ მეორდება ერთი დაიგივიე პარამეტრი, სხვადასვხა მნიშვნელობით, ეს იმიტომ, რომ ბრაუზერებსი სხვადასხვანაიერად გამოისახება თითოეული, ამიტომა ძალიან გთხოვნთ, ნურაფერს ნუ შეცვლით, წინააღმდეგ შემთხვევაში, არაფერი არ გამოვა.

გისურვებთ წარმატებებს, ეს კი შეგიძლიათ გადმოწეროთ, Source ფაილები, რომელიც ამ სტატიაში გამოიყენებოდა.

footerstick-ის გადმოწერა

Favicon.ico

Landish — Mon, 04 May 2009 19:09:23 +0000

რა არის Favicon და როგორ შევქმნათ იგი? თქვენ ალბათ არაერთხელ გინახავთ საიტებზე შესვლილას, თქვენს ბრაუზერში ვებ-გვერდის მისამართის გვერდით პატარა ხატულა, იგივე იკონკა, და გდომებიათ მსგავსი რამის გაკეთება თქვენს საიტზე. სწორედ ეს არის Favicon და მისი დაყენება ძალიან მარტივია.

Favicon.ico

Favicon-ის ზომა უნდა იყოს 16X16 პიქსელზე, და აუცილებლად ico ფორმატში. არსებობს რამოდენიმე ხერხი ამ ხატულის შესაქმნელად: ფოტოშოპის პლაგინები, სპეციალურად ამისთვის შექმნილი პროგრამები და ა.შ. მაგრამ რატომ იტკიებთ აუტკიებელ თავს? არ ჯობია ნეტში მოვძებნოთ რაიმე ისეთი, რაც მარტივია, სწრაფი და ხარისხიანი?

პირველ რიგში ჩვენ უნდა ამოვირჩიოთ ხელსაწყო, რომლის მეშვეობითაც შევქმნით ამ ხატულას, თუ თქვენ ხატულის შექმნა ნულიდან გინდათ, მაშინ მე გირჩევთ ამ საიტს, http://www.favicon.cc/, სადაც თქვენი გემოვნების მიხედვით შექმნით სასურველ იკონკას.

მაგრამ თუ თქვენ გაქვთ უკვე მზა სურათი, ეს შეილება იყოს ლოგო ტიპი ან სხვა რაიმე და გსურთ მისი Favicon-ად გამოყენება, მაშინ თქვენ უბრალოდ უნდა დააჭირო ამ ლინკს, ამოირჩიოთ სურათი თქვენი კომპიუტერიდან, ატვრთოთ და კონვენტირების შემდეგ გადმოიწეროთ თქვენს მყარ დისკზე.

ეს რაც შეეხებოდა შექმნას ახლა ის თუ როგორ დავაყენოთ იგი, ამისათვის საჭიროა ჩვენს მიერ შექმნილი ხატულა (Favicon) ავტვირთოთ ჩვენს სერვერზე მთავარ დირექტორიაში, სახელით favicon.ico სადაც ico ფაილის გაფართოებაა, ხოლო favicon კი ამ ფაილის სახელი.

სერვერზე ატვირთვის შემდეგ თქვენ შეგიძლიათ თქვენი საიტის ჰედერში ჩაწეროთ შემდეგი კოდი

მის შემდეგ ისღა დაგრჩენიათ რომ დატკბეთ თქვენი იკონკით

პროექტი სახელწოდებით “გააჯვი”!

Landish — Wed, 22 Apr 2009 20:22:14 +0000

გქონია შემთხვევა, როდესაც ვინმეს შენთვის ნერვები მოუშლია ინტერნეტის მეშვეობით? გქონია შემთხვევა, როდესაც ვინმესთვის უცენზურო სიტყვით მიმართვის სურვილი გამოძრავებდა, მაგრამ მაინც თავს იკავებდი? გქონია სურვილი, რომ ვინმეს ბოროტად გახუმრებოდი? მაშინ პროექტი სახელწოდებით “გააჯვი” შენთვის არის შექმნილი.

რა არის გააჯვი?

ეს გახლავთ ყველაზე ორიგინალური და კრეატიული იდეით დატვირთული ვებ-გვერდი, რაც კი ოდესმე მინახავს, რომლის ავტორი გახლავთ ლეონიდ კაგანოვი. საიტის იდეა არ მდგომარეობს იმაში, რომ უცენზურო ლექსიკით შემოიფარგლოს. იგი გართობისა და გახუმრების მიზნით არის შექმნილი, თუმცა მისი ბოროტად გამოყენებაც შესაძლებელია.

პროექი "გააჯვი"

როგორ მუშაობს საიტი?

თუ კი თქვენ ვინმე გიშლით ნერვებს და ამ ფორმით გსურთ მისთვის შეურაწყოფის მიყენება, ან უბრალოდ გახუმრება, თქვენ მას უგზავნით ამ ლინკს: http://lleo.aha.ru/na/ge/ (ქართული ვერსია)

საიტი შეიცავს ორ ქართულ ვერსიას, პირველი ვერსია და მეორე ვერსია, რომლის მთარგმნელებიც არიან დავით ბიწაძე და გიორგი მაჩიტაძე. პირადად მე პირველი ვერსია უფრო მომწონს, რადგან “გააჯვი” უფრო ქართულ რეალობას და ქართულ ენას შეესაბამება ვიდრე “ყლეზე”. (ყველაფრის სიტყვა-სიტყვით გადმოთარგმნას აზრი აქვს, ზოგჯერ ქართულ ფორმას უნდა მოვურგოთ არსებული სათარგმნი ტექსტი )

ეს რაც შეეხებოდა ქართულ ვერსიას. ზოგადად პროექტი მრავალ ენებზე იქნა ნათარგმნი, და სხვა ენის დამატებაც შეგიძლიათ აქედან http://lleo.aha.ru/na/admin.php . თუმცა ეს პროეტი თავისი არსებობის 5 წლის მანძილზე იმდენად პოპულარული გახდა, რომ თითქმის ყველა ენაზე იქნა ნათარმგნი .

ციტატა საიტიდან

About გვერდის კითხვის დროს რამდენიმე საინტერესო და სახალისო ფრაზას წავაწყდი, რომლისთვისაც მინდოდა ხაზი გამესვა

Нахуй любит вас!

Вам не кажется, что пойти нахуй и при этом надеяться с кем-то там связаться – это очень самоуверенно?

Господь люто накажет всякого, кто пытается заработать деньги на том, что людей посылают нахуй.

და ბოლოს…

გვერდის შესახებ დამატებითი ინფრომაცია შეგიძლიათ იხილოთ აქ, ხოლო ახლა კი იხილეთ გვერდი – გააჯვი

ბმული

Landish — Wed, 22 Apr 2009 14:45:26 +0000

ერთკვირიანი, სააღდგომო დასვენების შემდგომ გადავწყვიტე კვლავინდებურად, აქტიურად შევუდგე ბლოგზე პოსტების გამოქვეყნებას. რას შეეხება ჩემი დღევანდელი პოსტი? ალბათ გქონიათ შეხება ინტერნეტში არსებული ვებ-გვერდების გრძელ URL მისამართებთან, რომელიც არც თუ ისე სასიამოვნოდ გამოიყურებოდა. მათი დამოკლებისა და ერთგვარად “შელამაზებისთვის” მოიგონეს სერვისი Short URL Redirection, რომელის ერთ-ერთი ყველაზე პოპულარული ვებ-გვერდია: http://tinyurl.com/

bmu.li

ამ სერვისს მილიონობით ადამიანი მოიხმარს მსოფლიოში. TinyURL-ს მიზანი მხოლოდ ბმულების შემოკლება არაა, იგი ასევე “ფარავს” პირველად ბმულს და კოდირებულ მისამართს გვაძლევს.

წარმოიდგინეთ, რომ თქვენ მეგობარს უნდა გაუგზავნოთ ბმული, რომელიც დაახლოებით ამ სიგრძის არის:

http://rover.ebay.com/rover/1/711-53200-19255-0/1?type=3&campid=5336224516&toolid=10001&customid=tiny-
hp&ext=unicycle&satitle=unicycle

დამეთანხმებით, რომ ამხელა ბმულებით სარგებლობა, არც თუ ისე მოსახერხებელია, აიტომაც თუ გამოვიყენებთ TinyURL-ს, მოკლე ბმულს დაახლოებით ამ სახით მივიღებთ:

http://tinyurl.com/unicycles

ეს რაც შეეხებოდა TinyURL-ს დამის გამოყენებას, მაგრამ რა არის “ბმული” ?

ბმული – http://bmu.li/

ბმული

http://bmu.li/ არის ანალოგიური სერვისი TinyURL-სა, ოღონდ ქართული და პირველი საქართველოში!

მისი მიზანიც სწორედ ბმულის შემოკლებაა. გამოყენება კი ძალიან მარტივია.

მთავარია შევიდეთ http://bmu.li/-ზე, ჩავსავთ მისამართის ველში გრძელი URL, და “შეამოკლე” ღილაკზე დაჭერისას მიიღებთ უმოკლეს მისამართს, რომლის გამოყენებაც შედარებით მარტივი და სასიამოვნო იქნება

მაგალითი: http://bmu.li/sM5

თუ თქვენ ამ ბმულს დააჭერთ, მაშინ ახალ ფანჯარაში გაიხსნება ჩემი ბლოგის მისამართი

საიტები სახის ილუსტრაციებისთვის

Landish — Tue, 14 Apr 2009 20:03:32 +0000

დარწმუნებული ვარ ერთხელ მაინც იქნებით ისეთ საიტზე შესული, სადაც არაფრისგან ქმნით თქვენი პერსონის ანიმაციურ ვარიანტს, ილუსტრაციას და დარწმუნებული ვარ დიდად გიხალისიათ და მოგწონებიათ თქვენი თავი ასეთ ამპულაში დანახვისას . სწორედ ასეთი ტიპის საიტების მცირე ნაკრებს ჩამოვთვლი ამ პოსტში.

1) Portrait Illustration Maker

http://illustmaker.abi-station.com/

Portrait Illustration Maker

2) WeeWorld

http://www.weeworld.com/

WeeWorld

3) Meez

http://www.meez.com/

Meez

4) Simpsonize Me

http://simpsonizeme.com/

Simpsonize Me

5) Yahoo! Avatars

http://avatars.yahoo.com/

Yahoo! Avatars

6) BeFunky

http://www.befunky.com/

BeFunky

7) Buscar Messenger

http://www.buscarmessenger.com/

Buscar Messenger

Cartoon Me

http://www.cartoonme.com/

Cartoon Me

9) Joystiq Mii characters

http://www.joystiq.com/

Joystiq Mii characters

10) MyPlay

http://www.myplay.com.tw/

MyPlay

11) South Park Studio

http://www.sp-studio.de/

South Park Studio

12) Moonjee

http://www.moonjee.com/

Moonjee

აბა თქვენ იცით, კარგად გაერთეთ…

თუ კი მსგავსი საიტის შესახებ თქვენც იცით, რომელიც ამ საიშში ვერ მოხვდა, მაშინ კომენტარის სახით შემატყობინეთ მისი არსებობის შესახებ და აცუილებლად ჩავამატებ აქაც

ლოგოების 10 გალერეა

Landish — Tue, 07 Apr 2009 13:04:03 +0000

მინდა წარმოგიდგინოთ 10 ვებ-გვერდი (გალერეა), რომელიც უამრავ ლოგოს შეიცავს. ლოგო იცით, რაც არის და რა მნიშვნელობას და ზეგავლენას ახდენს იგი, დიზაინსზე, კომპანიაზე თუ სხვა რამეზე. მაშ ასე. 10 გალერეა კრეატიურლი ლოგოებისა: