Ina Code Blog

bunch of code in one place
Nov
14

Vstavi favicon na spletno stran

Posted by admin in tips

Kaj je favicon? Favicon je majhna 16×16px velika slikica, ki se prikaže poleg URL-ja spletne strani v naslovni vrstici brskalnika in v zaznamkih.

  1. Kreiraj favicon.ico (kreiraj .gif or .jpg slikico in jo preimenuj v .ico) .
  2. Dodaj spodnjo HTML kodo v <head> parametre svoje spletne strani:
    <link rel="shortcut icon" href="favicon.ico">

To je to!

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Nov
13

Vtičnik Google generator zemljevida spletne strani za WordPress

Posted by admin in wordpress

Kreiranje zemljevida spletne strani je zelo koristno, saj informira iskalnike o posameznih straneh na spletni strani, ki so namenjene za njihovo pregledovanje. Zemljevid spletne strani je XML datoteka, v kateri je seznam URL-jev na spletni strani z dodatnimi meta podatki o vsakem URL-ju, tako da lahko iskalniki bolj ‘inteligentno’ pregledujejo tvojo spletno stran. Če uporabljaš Wordpress, ta vtičnik opravi vse.

Glavne značilnosti:

  • Popolnoma nastavljiv v Wordpress administraciji
  • Avtomatsko generira zemljevid spletne strani za vse tipe strani
  • Izračuna prioritete za vsako objavo glede na število komentarjev
  • O spremembah obvesti Tells Ask.com, Google in Yahoo
  • Večjezikovna podpora

Nastavi vtičnik:

  1. Prenesi vtičnik: google-sitemap-generator.zip
  2. Razširi in naloži mapo v mapo z vtičniki (ponavadi: /wp-content/plugins/).
  3. Aktiviraj vtičnik.
  4. Pojdi v ‘Options -> Sitemap’ in uredi nastavitve.
  5. Za prvo kreiranje zemljevida spletne strani klikni na ‘Rebuild Sitemap’.
    Nasvet: Direktoriju, ki vsebuje blog, nastavi dostop zapisljivo ALI kreiraj dve datoteki imenovani sitemap.xml in sitemap.xml.gz ter jima nastavi dostop zapisljivo preko CHMOD-a. V večini primerov ima direktorij, ki vsebuje blog, že dostop nastavljen na zapisljivo, torej ni potrebno narediti ničesar.

Vtičnikova domača stran.

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Nov
12

Cforms II vtičnik za Wordpress

Posted by admin in wordpress

Tukaj je vtičnik za Wordpress, ki ustreže prav vsem vašim potrebam v zvezi s spletnimi kontaktnimi obrazci. Je popolnima prilagodljiv in zelo enostaven za uporabo.

Glavne značilnosti:

  • Ajax podpora
  • En ali več kontaktnih obrazcev na eni ali več straneh/objavah
  • Podpora WP nadzorne plošče (prikaže zadnjih 5 vnosov)
  • “WP komentar/sporočilo avtorju
  • Popolna prilagodljivost
  • Funkcija Povej prijatelju
  • Nalaganje datotek
  • Captcha verifikacija
  • Podpora vtičnika Role Manage
  • Shranjevanje poslanih obrazcev v bazi
  • Podvajanje obrazcev
  • Veliko različnih tem

Nastavi vtičnik:

  1. Prenesi vtičnik: cforms.zip
  2. Razširi in naloži mapo v mapo z vtičniki (ponavadi: /wp-content/plugins/).
  3. Aktiviraj vtičnik.
  4. V glavnem menuju se pojavi povezava ‘cforms II’. Klikni jo in dodaj/uredi kontaktni obrazec in njegove nastavitve.
  5. Vstavi sledečo kodo v objavo ali stran (X je ID številka kontaktnega obrazca):

    <!–cformsX–>

Vtičnikova domača stran.

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Nov
11

Sticky menu vtičnik za Wordpress

Posted by admin in wordpress

Si že kdaj postavljal bolj kompleksno spletno stran z Worpress-om? Če je odgovor Da, potem si imel verjetno težave z menuji, saj jih Wordpress avtomatsko generira. Z vtičnikom Sticly menu lahko generiraš potrebne menuje in jih postaviš točno tam, kjer jih potrebuješ. Pa še zelo enostaven je za uporabo!

  1. Prenesi vtičnik: sticky_menu.zip
  2. Razširi in naloži mapo v mapo z vtičniki (ponavadi: /wp-content/plugins/).
  3. Aktiviraj vtičnik.
  4. Pojdi v ‘Manage -> Sticky Menu’ in kreiraj svoj menu.
  5. Dodaj sledečo kodo v datoteke svoje teme, kjer želiš, da se prikaže abecedni seznam (index.php, archive.php):

    $menu = new stickymenu;
    $menu->display_menu(’menu=Main’); //Prikaže menu ‘Main’

Vtičnikova domača stran.

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Nov
10

Flexible upload slik za Wordpress

Posted by admin in wordpress

Flexible upload je zelo uporaben vtičnik za nalaganje slik za Wordpress.

Glavne značilnosti:

  • Avtomatsko spremeni velikost slike pri nalaganju
  • Opcijsko kreira pomanjšano slikico določene velikosti
  • Poravnava skike (levo, desno, sredina)
  • Podpora za Lightbox, Thichbox, Greybox
  • Podpora za naslov slike
  • Opcijsko vkluči watermark vsaki naloženi sliki
  • Večjezikovna podpora
  • Popolnoma prilagodljiv

Domača stran vtičnika.

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Nov
6

Centriranje strani vertikalno in horizontalno

Posted by admin in html / css

Večino spletnih strani, ki sem jih naredila, je bilo potrebno postaviti horizontalno na sredino brskalnika in to se enostavno naredi z ‘margin’ in ‘width’ parametri v div-u ‘container’. Potem pa sem naletela na problem: kako postaviti stran na sredino po vertikali? Našla sem nekaj nasvetov s 50% širino in višino div-ov, ampak se je pojavil drug problem in sicer, ko zmanjšaš velikost brskalinka, se je zgornji del strani skril pod okno brskalnika. Tu pa tam je smiselno malo pogledat v preteklost in tako sem našla rešitev z uporabo tabele (že precej časa namreč uporabljam samo div-e!). Stran vertikalno centriraš, če dodaš ‘vertical-align’ parameter v ‘table’ oznako. Spodaj je celotna koda za centriranje strani.

HTML koda:

<html>
<head>
  <title>Centriranje strani vertikalno in horizontalno</title>
</head>
<body>
<table id=”container”>
  <tr>
    <td>Vsebina je centrirana horizontalno in vertikalno!</td>
  </tr>
</table>
</body>
</html>

CSS koda:

html, body, #container {
  height:100%;
  margin: 0;
  padding: 0;
  border: none;
  text-align: center;
}
#container {
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
  width: 400px;
}

Tukaj je primer.

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]