Volite web dizajn?
Zašto ne podijelite svoje znanje s cijelim svijetom? Svatko može pisati za Kroativ i na taj način se promovirati.
Web design elements: Twitter + Facebook + google ads (images + code)
Već smo pisali o tome kako ubrzati izradu web stranica pomoću predložaka a danas ćemo tome pridodati još par korisnih linkova.
Često u dizajnu web stranice moramo predvidjeti mjesto za twitter ili facebook feed-plugin-widget ili Google ads. U tu svrhu u svoje bookmarkse ubaciti ćemo tri linka:
1. Twitter widget, design elements
Za Twitter : https://twitter.com/about/resources/widgets
Odaberemo da li želimo widget za web stranicu ili facebook, odaberemo vrstu widgeta (npr: profile widget), u preferences odaberemo postavke, u appereance boje i u dimensions naravno dimenzije koje želimo (na žalost dimenzije se neće promjeniti u preview). Zatim za psd dizajn napravimo print screen i izrežemo widget, a za kodiranje preuzmemo generirani kod koji kasnije ubacimo u html stranice.
twitter widget 250 px x 393 px
Primjer twitter widgeta plave boje i dimenzija 250 px x 393 px koji možemo spremiti i koristiti u svojim psd predlošcima.
2. Facebook feed, design elements
facebook developers tool box
Za Facebook: http://developers.facebook.com/docs/plugins/
Postupak je sličan kao i za twitter, odaberemo plugin koji želimo, zatim postavke koje se nude (širina, visina itd…), napravimo print screen, izrežemo za psd predložak, spremimo kod za html..
Live stream 300px x 300px
Primjer Facebook Live Stream plugina dimenzija 300px x 300px
facebook like box
Facebook komentari
Slike ostalih elemenata – preporuke, komentari, buttoni itd… možemo naći na http://www.facebook-hrvatska.com/facebook-pomoc/postavljanje-facebook-social-pluginova-na-vase-web-stranice-ili-blog-134/ i samo ih ubaciti u naše psd dizajne.
3. Google ads, design elements
google ads
Za google ads formats: https://www.google.com/adsense/static/en_GB/AdFormats.html
Ovdje ćemo naći sve dimenzije i vrste google oglasa (image ads, text ads, video ads, flash ads…) kao i generičke slike u pravoj veličini. Desni klik, copy image i pejstamo oglas koji želimo direktno u svoj psd predložak.
Slični sadržaj:
- Adobe exchange - free download! (Jako slično)
- Standardne veličine oglasa (bannera) na web stranici (Jako slično)
- 30+ Free Quality PSD Files To Download (Jako slično)
- Resursi za rukom crtane elemente, ikone, fontove, ilustracije, web stranice... (Jako slično)
- Kako jednostavno napraviti oble rubove? (Slično)
3 komentara
Trackbacks & Pingbacks
Ostavite komentar
Autori s više od 10 komentara nemaju tag nofollow na svojim linkovima! Zabranjeno je vrijeđanje, omalovažavanje ili na bilo koji drugi način ometanje normalnog toka komentara. Također je zabranjeno oglašavanje u komentarima i sve druge vrste spam-a.
Vidi se da netko ima iskustva :).
Veoma korisno za sajtove na WordPressu ili bloggeru, ali za pravi sajt ima previše kode ovakav app.
odlično, baš mi treba nešto takvo za twitter