Kayelina's WorkStation

DODATKI - URE IN AH... NE VEM VEČ (GUMB ZA ISKANJE)

Sun, 15 Feb 2009 21:37:00 +0000

Spet vam bom predstavila nekaj dodatkov za olepšanje vašega bloga.

FEEDBURNER & BOX.NET

Se je že kdo poigral s Feedburner-jem. Meni je prav všeč, kaj vse ponuja. Najbolj mi je všeč ta skrajšana vsebina postov. S prve, glavne strani, sem ga zdaj postavil tja, kjer je se mi zdi, da je primernejše, da stoji - v levem stolpcu, namesto "zadnjih sporočil". Tudi tukaj lahko določiš število zadnjih sporočil, koliko jih naj bo prikazano (izbrala sem 10).

Pravzaprav Feedburner ponuja še nekaj - Recent Comments - Zadnje komentarje! Vse kar potrebujemo za to aktiviranje je le rss za komentarje. A ga na žalost nimamo!



BOX.NET - share in download
ste si ga že ogledali? Ta box.net ponuja ta box   v katerem imam za vas text datoteke z novimi oblikami. Kaj drugega se še lahko, ne vem, nisem preverjala.

   DODATKI, KI VAM JIH DANES PREDSTAVLJAM

URE
CURSORJI-DRSNIKI

ISKALNIK-SEARCH

URE

Opažam, da imate na blogih ure v glavnem vsi iz iste strani. Na teh linkih pa lahko najdete druge, prav tako lepe.

http://toolshell.org/
primer ure

ali ure na tem naslovu: http://www.csalim.com/gallery.php

Prav lepe imajo tudi tukaj http://www.superpimper.com/generators/Flash_Clocks_Gallery/

Flash Clocks Gallery

P.s. Lahko jim določite velikost pa saj to že veste

CURSOR - DRSNIK (v prevodu )

Miškin kazalec, bi mu jaz rekla.
Če ne želite imeti klasičnega, lahko imate vseeno kakšnega Pa ga sploh ni težko zamenjati.
Lahko poiščete z googlom kateri vam je všeč (ali pa si izberete iz lastnega arhiva, samo naj b dovolj majhna slika) in si ga vstavite tako:
V html kodi svojega bloga, takoj za oznako +body> vpišite
(to je html mojega cursorja)

+style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/hummingbird2.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/hummingbird2.gif"), auto;}+/style>

seveda je namesto + znak <

ISKALNIK - SEARCH po eDnevniku in po spletu

Evo, sem se spomnila. Vsaj eno stvar, ki sem vam jo še želela pokazati. Tisti gumbek "išči" - vidite ga lahko pri meni v desnem stolpcu zgoraj. Z njim lahko iščete s pomočjo Googla po spletu in po našem eDnevniku. Kodo vam dajem tukaj v tabeli.

Ta skripta je tukaj razdeljena na dva dela, prvi je za v style type="text/css"> , drugi del pa za v body, postavite ga tja, kjer želite, da vam ta iskalnik stoji. Seveda brez okvirjev style in body, ki ta dva dela tukaj v tabeli oklepata.

Naj še povem, da to v bistvu ni JAVASCRIPT!

(V tabeli lahko tudi pišete. Lahko prilepite druge skripte in si jih ogledate.

Pritisnite na gumb "Generate Preview" da vidite učinek te skripte.)

S style-om (prvi del) pa lahko seveda spremenite barvo pisave, okvirja (debelino okvirja) in ozadja. Za vsak kvadratek posebej, inputisci je kvadratek, kamor se iskane besede vpišejo, googlesearch pa je kvadratek - gumb za iskanje.

Ne spreglejte: NAVIGACIJA V MENIJU

Fri, 05 Jun 2009 11:49:00 +0000

Kayelina ni pozabila na vas. Pravkar sem vam pripravila Navigacijo za meni, pa ko voli nek izvoli.
Malo sem si preoblikovala obliko, tako da vidite, kako navigacija izgleda pri meni. V navigacijo sem vstavila zadnja sporočila, prijatelje in povezave. Videz navigacije je spremenjen, spreminja pa se v example css. Kdor bi si rad spremenil videz navigacije, si naj downloada example css tukaj, tam kjer je download in ga nato poljubno spremeni.
Kaj potrebujete? Vse sem vam dala v tole tabelo (brez okvirjev body). Če si kopirate in prilepite v svoj meni (v urejanju oblike), boste dobili takšno navigacijo, kot je prikazana v tabeli (v tem primeru ne rabite nič downloadat). Moja navigacija se razlikuje le v barvi naslovov.
Na predogled kliknite 4x!

<body><script type="text/javascript" src="http://www.barelyfitz.com/projects/tabber/tabber.js"></script><link rel="stylesheet" href="http://www.barelyfitz.com/projects/tabber/example.css" TYPE="text/css" MEDIA="screen"><link rel="stylesheet" href="http://www.barelyfitz.com/projects/tabber/example-print.css" TYPE="text/css" MEDIA="print"><script type="text/javascript">/* Optional: Temporarily hide the "tabber" class so it does not "flash"   on the page as plain HTML. After tabber runs, the class is changed   to "tabberlive" and it will appear. */document.write('<style type="text/css">.tabber{display:none;}</style>');</script>    <div class="boxmenusec">                                           <div class="voicemenu">                                    <p style="margin-top: 0; margin-bottom: 0"> </p>                        <p style="margin-top: 0; margin-bottom: 0">Navigacija</div>  <div class="tabber">      <div class="tabbertab">      <h2>Vpisi</h2>      <div style="border:0px width:160px; height:200px; overflow:auto;"><ul>    <RecentEntry><li><%RecentEntryTitle%><br></li></RecentEntry>    </ul></div>     </div>       <div class="tabbertab">      <h2>Prijatelji</h2>      <div style="border:0px width:160px; height:200px; overflow:auto;"><ul>     <Friends><li><a target="_blank" href='<%FriendURL%>'><%FriendUsername%></a><br></li></Friends>    </ul></div>     </div>       <div class="tabbertab">      <h2>Povezave</h2>      <div style="border:0px width:160px; height:200px; overflow:auto;"><ul>      <p style="margin-top: 0; margin-bottom: 0">    <a href=http://www.drugisvet.com title='Drugi svet - slovenski blogerski casopis' target=_blank> <img src=http://www.drugisvet.com/slike/ds_80_15.gif width=80 alt='Drugi svet - slovenski blogerski casopis' height=15 border=0></a>    <a href="http://www.eDnevnik.si" title="eDnevnik - slovenski blog" target="_blank"><img src="http://www.ednevnik.si/slike/ednevnik_mini.gif" width="80" alt="eDnevnik - slovenski blog" height="15" border="0"></a>    <a target="_blank" title="Slovenski Blogi" href="http://www.sloblogi.net/"><img border="0" src="http://www.sloblogi.net/images/banners/sloblogi.png" width="80" height="15"></a>    <a href="http://www.siblogs.com" title="si.blogs" target="_blank"><img src="http://siblogs.com/images/siblogs.png" width="80" alt="si.blogs" height="15" border="0"></a>    <a href="http://www.blogorola.com/si/" title="blogorola" target="_blank"><img src="http://www.ednevnik.si/uploads/j/janalumnus/74413.jpg" width="80" alt="blogorola" height="15" border="0"></a>    <a href="http://www.bloger.si" target="_blank"><img title="Bloger" border="0" alt="Bloger.si" src="http://www.bloger.si/_img/bloger-priponka4.gif" /></a><br>                        <Link></p>    <li><a target="_blank" href="<%LinkURL%>"><%LinkTitle%></a><br></li></Link>    </ul></div>     </div> </div></div></body>

Blogomilijonar 23

Sat, 21 Feb 2009 23:26:00 +0000

Modri stolček mi je predala SRČNA (D)AN(1)A Pravila pa lahko najdete tukaj.

1. Logaritmi meni najljubši!
log x + log (x-1) = log (3x + 12)

a) x= 4
b) x= -2
c) x= 6

log (x(x-1))= log (3x+12)
x2-x = 3x+12
x2-4x-12 = 0
(x-6)(x+2) = 0
x= 6
x= -2 ta x ni možen!

2. Pa spet ena logaritemska
log x = 1 - log (x-3)

a) 5
b) -2
c) 3

log x + log (x-3)= 1
log (x(x-3)) = 1
=>>log 10 = 1
=>> x (x-3) = 10
x2 - 3x - 10 = 0
(x+2)(x-5) = 0
x1 = -2 ta x ni možen!
x2 = 5

3. Pa malo na procentne račune:
V trgovini imajo akcijo in nudijo 5% popust pri plačilu z gotovino, tako da lahko dobite računalnik že za 575 evrov! Koliko torej stane računalnik brez popusta?

a) 603,75
b) 605,26
c) 546,25

4. Sosedna kota sta kota:

a) ki imata skupen vrh, kraka pa se dopolnjujeta v premici
b) kota v sosedovem stanovanju
c) ki imata skupen vrh in en krak

5. Kateri od naštetih je paralelogram:

a) trapez
b) romb
c) deltoid

6. Hornerjev algoritem uporabljamo pri

a) merjenju kotov v enakostraničnem trikotniku
b) računanju ničel polinoma
c) računanju binomskega izreka

7. Če v pravokotnem trikotniku narišeš višino na hipotenuzo, koliko podobnih trikotnikov dobiš?

a) tri
b) dva
c) nobenega

^ABC ~ ^ADC ~ ^BDC

8. Abscisna os je pravokotna na ordinatno os in

a) razdeli ravnino na spodnjo in zgornjo polravnino; označimo jo z y
b) razdeli ravnino na levo in desno polravnino; označimo jo z y
c) razdeli ravnino na spodnjo in zgornjo polravnino; označimo jo z x

9. Kateri je največji skupni delitelj števil 24, 27 in 45:

a) 9
b) 6
c) 3

10. Katero od naštetih števil ni iracionalno število:

a) 1/5
b) Y2 (koren iz dva)
c) pi

PROSTI SPIS: OBJAVLJAM REZULTE!!!

Fri, 13 Feb 2009 11:23:00 +0000

REZULTATI prostega spisa - navajam imena komentatorjev in njihovo število.

MEDINA
Mozakar, bambam, sime, ZB. Kallisto, maxika, odsrcadosrca, phylip, Drsalka, caillou, klotilda, vvooodnarka, Chantal, lea199
14

MERIMAX (MAXIKA)
sheehs, klotilda, odsrcadosrca, Mozakar, bambam, lea199, Lucija07, Drsalka, medina, vvooodnarka, sime
11

MOŽAKAR
Chantal, sailor565, klotilda, dancer, bambam, odsrcadosrca, mah, Lucija07, Drsalka, medina, radirka, vvooodnarka, sime, milena , lea199
15

ABUU
Mozakar, bambam, mazy15, odsrcadosrca, inside, Drsalka, medina, psychoXL, klotilda, vvooodnarka, sime, lea199
12

BAMBAM
Chantal, klotilda, Mozakar, odsrcadosrca, mah, lea199, Lucija07, Sime, Medina
9

LEA
Gost, bin, klotilda, Chantal, odsrcadosrca, Mozakar, bambam, Lucija07, Drsalka, Medina, Ramus, sime
12

VVOOODNARKA
Chantal, klotilda, Mozakar, odsrcadosrca, bambam, Drsalka, medina, caillou, sime, lea199
10

DRSALKA
Chantal, klotilda, Mozakar, bambam, Lucija07, odsrcadosrca, sime, janalumnus, lea199
9

ANA
Chantal, ZavestnaSamost, sailor565, klotilda, Mozakar, mah, Mai Li, bambam, Lucija07, Turdus , Drsalka, caillou, Gost, medina, Rimljancek, sime, lea199, bossica
18

LUCIJA
sailor565, Možakar, solist, mah, bambam, odsrcadosrca, Drsalka, Medina, tedi, Darja, RAdirka, klotilda, Tatjana Malec, Gost, Sime, lea199
16

KLOTILDA
Chantal, Mozakar, mah, lea199, Lucija07, bambam, inside, odsrcadosrca, Drsalka, medina, radirka, caillou, Turdus, sime
14

JAN
Lucija07, Chantal, bambam, odsrcadosrca, zuzzu68, Drsalka, medina, caillou, klotilda, mah, sime, lea199, morskadeklica, Kopriva, tedi, prpletnik
16

CAILLOU
Lucija07, odsrcadosrca, sime, Drsalka, klotilda, Turdus, radirka, avena, bambam, Medina, lea199, Mozakar
12

Rezultati so torej naslednji:
Tisti, ki so v tem ciklu že organizirali spis

Možakar - 15
Lea - 12
Ana - 18
Lucija - 16
Klotilda - 14

Tisti, ki v tem ciklu še niso organizirali spisa:

Medina - 14
Merimax (Maxika) - 11
Abuu - 12?
Vvooodnarka - 10
Drsalka - 9
Jan - 16
Caillou - 12

Zmagovalec tega prostega spisa je torej Jan! Čestitke! Nestrpno čakamo nov naslov.

PROSTI SPIS: SODELUJOČI

Sat, 07 Feb 2009 23:28:00 +0000

IZVLEČNI MENI OZ. ROLETNI MENI (PULL-DOWN MENU)

Fri, 20 Feb 2009 21:27:00 +0000

S tem menijem sem oblikovala svoje Kategorije, meni imam postavljen na levi strani bloga. (v primeru v tabeli sem spremenila barve) Če bi si ga radi vstavili v svoj blog, imate tukaj v tabeli html kodo. To torej ni javascript!

Kodo poljubno preuredite tukaj na levi strani tabele - barvo, velikost pisave, barve obeh ozadij in okvirjev...
Vstavljeni so moji naslovi kategorij in njihovi linki, vi pa si vstavite svoje. Ko končate, kliknite Generate Preview. Če vam bom všeč, si v levem delu označite ves tekst in ga kopirajte ter prilepite direktno v blog, kjer želite, da stoji.

<form style="padding-top: 5px; padding-bottom: 5px; background-color: #D5EAFF"><select onChange="location=this.options[this.selectedIndex].value;" style="font-family:'Arial';color:#FFFFFF;background-color:#800080;font-weight:bold;font-size:10pt;"><option value="http://www.ednevnik.si/?w=bambam">IZBERI</option><option value="http://www.ednevnik.si/?w=bambam&category=DELO%2BDENAR">DELO DENAR</option><option value="http://www.ednevnik.si/?w=bambam&category=RAZNO">RAZNO</option><option value="http://www.ednevnik.si/?w=bambam&category=DRU%AEBA%2BPOLITIKA">DRUŽBA POLITIKA</option><option value="http://www.ednevnik.si/?w=bambam&category=RAZMI%A9LJANJA%2BDEBATE">RAZMIŠLJANJA DEBATE</option><option value="http://www.ednevnik.si/?w=bambam&category=BLOG%2BDESIGN">BLOG DESIGN</option><option value="http://www.ednevnik.si/?w=bambam&category=NOVE%2BOBLIKE">NOVE OBLIKE</option><option value="http://www.ednevnik.si/?w=bambam&category=DODATKI%2BZA%2BBLOG">DODATKI ZA BLOG</option><option value="http://www.ednevnik.si/?w=bambam&category=SKRIPTE">SKRIPTE</option><option value="http://www.ednevnik.si/?w=bambam&category=POEZIJA%2BPROZA">POEZIJA PROZA</option><option value="http://www.ednevnik.si/?w=bambam&category=eD%2BIGRE">eD IGRE</option></select></form><br><br>

KJE SEM? (341)

Tue, 03 Feb 2009 14:23:00 +0000

Tale predaja štafete je bila proti pričakovanju. Slike s poti imam, ampak sem jih pozabila imenovati in ne vem kje so slikane. Mi je pa zato vskočil v pomoč prijatelj in mi dal svojo sliko.

Štafeto sem dobila od Lucije, pravila pa so zapisana tukaj.

No pa poglejmo sliko:

Za povečavo kliknite na sliko!
Kje sem in katero naselje se vidi v sredini?

PROSTI SPIS: NASLOV IN DATUM

Thu, 05 Feb 2009 08:20:00 +0000

Naslov spisa: TAKO NENAVADNO, A ZGODILO SE JE MENI!

Datum objave: sobota, 7.februar 2009, ob 20h

Pravila - napotki: Pri Janu

Šteti komentarji: torek, 10. februar 2009, do 20h

Rezultati spisa: torek, 10. februar 2009, po 20h

OBLIKUJMO TABELO 3. DEL

Sun, 25 Jan 2009 14:30:00 +0000

Tukaj imate še par linkov, kjer so tabele že dokončane. Ko si eno izberete, jo le uredite.

Najlažji postopek je ta:

Svojo html kodo kopirajte v dve beležnici.

Beležnica 1 :
od bodija do bodija vstavite kodo vaše izbrane tabele.

odločite se v katerem delu tabele bo meni in v katerem blog.

Beležnica 2 :
kopirajte posebej menije in posebej blog, ter prilepite v beležnico 1, v celice tabele. prav tako glavo in noge.

http://www.maxdesign.com.au/presentation/page_layouts/
http://blog.html.it/layoutgala/

http://www.quackit.com/html/html_table_generator.cfm
Na tej strani boste našli generator za tabelo. Na levi strani boste videli še druge generatorje - npr. padajoče besedilo. Našli boste še marsikaj zanimivega in se naučili delati s html.

http://www.theinspirationgallery.com/composer/wpcc.htm
Tukaj je še ena stran, ki vam bo pomagala oblikovati blog.

OBLIKUJMO TABELO 2. DEL

Sun, 25 Jan 2009 10:38:00 +0000

Spreminjanje - oblikovanje tristolpične tabele.

+table border="0" cellpadding="0" cellspacing="0" width="300" height="250">
    +!-- MSTableType="layout" -->
    +tr>
        +td valign="top" colspan="4" height="50">
        +!-- MSCellType="ContentHead" -->
         +/td>
    +/tr>
    +tr>
        +td valign="top" rowspan="2" width="50">
        +!-- MSCellType="NavBody" -->
         +/td>
        +td valign="top" colspan="2" height="100">
        +!-- MSCellType="ContentBody" -->
         +/td>
        +td valign="top" rowspan="2" width="50">
        +!-- MSCellType="NavBody2" -->
         +/td>
    +/tr>
    +tr>
        +td valign="top" width="50">
        +!-- MSCellType="ContentBody2" -->
         +/td>
        +td valign="top" height="50" width="150">
        +!-- MSCellType="ContentBody3" -->
         +/td>
    +/tr>
    +tr>
        +td valign="top" colspan="4" height="50">
        +!-- MSCellType="ContentFoot" -->
         +/td>
    +/tr>
+/table>

Tukaj imate še en primer prav lepe tabele za vaš blog. Seveda ji je treba dati primerno širino in višino, jaz sem jo tukaj minimizirala.
Pa ji bom poudarila robove, da bo vidna, ko jo bom na koncu prikazala. To zdaj kodno izgleda tako:

+table border="0" cellpadding="0" cellspacing="0" width="300" height="250">
    +!-- MSTableType="layout" -->
    +tr>
        +td valign="top" colspan="4" height="50" style="border-left: 3px solid #000000; border-right: 3px solid #000000; border-top: 3px solid #000000">
        +!-- MSCellType="ContentHead" -->
         +/td>
    +/tr>
    +tr>
        +td valign="top" rowspan="2" width="50" style="border-left: 3px solid #000000; border-top: 3px solid #000000; border-bottom: 3px solid #000000">
        +!-- MSCellType="NavBody" -->
         +/td>
        +td valign="top" colspan="2" height="100">
        +!-- MSCellType="ContentBody" -->
         +/td>
        +td valign="top" rowspan="2" width="50" style="border-right: 3px solid #000000; border-top: 3px solid #000000; border-bottom: 3px solid #000000">
        +!-- MSCellType="NavBody2" -->
         +/td>
    +/tr>
    +tr>
        +td valign="top" width="50">
        +!-- MSCellType="ContentBody2" -->
         +/td>
        +td valign="top" height="50" width="150">
        +!-- MSCellType="ContentBody3" -->
         +/td>
    +/tr>
    +tr>
        +td valign="top" colspan="4" height="50" style="border-left: 3px solid #000000; border-right: 3px solid #000000; border-bottom: 3px solid #000000">
        +!-- MSCellType="ContentFoot" -->
         +/td>
    +/tr>
+/table>

Ali ste vedeli, da lahko imajo tabele čisto posebno obrobo - slike v okvirjih!

+table border="0" cellpadding="0" cellspacing="0" width="300" height="250">
    +!-- MSTableType="layout" -->
    +tr>
        +td valign="top" colspan="4" height="50" style="border-left: 3px solid #000000; border-right: 3px solid #000000; border-top: 3px solid #000000">
        +!-- MSCellType="ContentHead" -->
         +/td>
    +/tr>
    +tr>
        +td valign="top" rowspan="2" width="50" style="border-left: 3px solid #000000; border-top: 3px solid #000000; border-bottom: 3px solid #000000">
        +!-- MSCellType="NavBody" -->
         +/td>
        +td valign="top" colspan="2" height="100" style="border-left: 5px double #000000">
        +!-- MSCellType="ContentBody" -->
        +table cellpadding="0" cellspacing="0" width="100%" height="100%" style="border-right: 5px double #000000">
    +!-- MSCellFormattingTableID="2" -->
    +tr>
        +td width="10">
        +img alt="" src="http://www.ednevnik.si/uploads/b/bambam/126404.gif" width="10" height="10">+/td>
        +td bgcolor="#000000" nowrap width="100%">
        +!-- MSCellFormattingType="header" -->
        +/td>
        +td height="10" width="10">
        +img alt="" src="http://www.ednevnik.si/uploads/b/bambam/126405.gif" width="10" height="10">+/td>
    +/tr>
    +tr>
        +td valign="top" colspan="3" height="100%">
        +!-- MSCellFormattingType="content" -->
         +/td>
    +/tr>
        +/table>
        +/td>
        +td valign="top" rowspan="2" width="50" style="border-right: 3px solid #000000; border-top: 3px solid #000000; border-bottom: 3px solid #000000">
        +!-- MSCellType="NavBody2" -->
         +/td>
    +/tr>
    +tr>
        +td valign="top" width="50" height="50" style="border-left: 5px double #000000; border-right: 1px dashed #000000; border-top: 3px dotted #000000">
        +!-- MSCellType="ContentBody2" -->
        +table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%">
    +!-- MSCellFormattingTableID="3" -->
    +tr>
        +td valign="top" colspan="2" height="100%">
        +!-- MSCellFormattingType="content" -->
         +/td>
    +/tr>
    +tr>
        +td width="10">
        +img alt="" src="http://www.ednevnik.si/uploads/b/bambam/126402.gif" width="10" height="10">+/td>
        +td nowrap bgcolor="#000000" height="10" width="100%">
        +!-- MSCellFormattingType="footer" -->
        +/td>
    +/tr>
        +/table>
        +/td>
        +td valign="top" height="50" width="150" style="border-left: 1px dashed #000000; border-right: 5px double #000000; border-top: 3px dotted #000000">
        +!-- MSCellType="ContentBody3" -->
        +table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%">
    +!-- MSCellFormattingTableID="4" -->
    +tr>
        +td valign="top" colspan="2" height="100%">
        +!-- MSCellFormattingType="content" -->
         +/td>
    +/tr>
    +tr>
        +td nowrap bgcolor="#000000" width="100%">
        +!-- MSCellFormattingType="footer" -->
        +/td>
        +td height="10" width="10">
        +img alt="" src="http://www.ednevnik.si/uploads/b/bambam/126403.gif" width="10" height="10">+/td>
    +/tr>
        +/table>
        +/td>
    +/tr>
    +tr>
        +td valign="top" colspan="4" height="50" style="border-left: 3px solid #000000; border-right: 3px solid #000000; border-bottom: 3px solid #000000">
        +!-- MSCellType="ContentFoot" -->
         +/td>
    +/tr>
+/table>

Pozabila sem še nekaj pomembnega. Želim da ta tabela mojega bloga stoji na sredini strani, zato jo moram centrirati z divom.

+div align="center">TA TABELA+/div>

Sedaj ste pravzaprav storili skoraj vse!
Sedaj moramo v celico, ki se imenuje Content Head vstaviti glavo - prilepiti čez  
tole bom jaz vstavila:
     +div id="header">

        +div id="blogtitle">+a href="+%MainPageURL%>" title="Na prvo stran">+%Title%>+/a>+/div>

        +div id="blogdescription">+%Description%>+/div>

        +/div>
Oziroma v tej mali vzorčni tabeli bom napisala samo GLAVA.
Sedaj bom uredila levo celico, ki se imenuje NavBody. V vzorčno tabelo bom vpisala LEVI MENI.
V ta del si skopirajte svoj kodni del menija, z avatarjem, jaz pa si bom svoj levi stolpec.

Nato bom uredila desno celico, to je NavBody2 - vpisala bom REKLAME, v oblikovanju pa tu kopirala reklame Drugega sveta.

Prišli smo do sredinske celice. Ta je trodelna. Pa jo bom poskusila oblikovati čisto po svoje.
V gornjo večjo celico (vpisala bom BLOG) bom kopirala ves del, ki je za arhiv, glavno stran, stran postov in stran prijateljev.
Spodnjo levo celico (vpisala bom URA) bom opremila z uro. Desno spodnjo celico pa bom imenovala WIDGET, in vanjo widget svojega bloga.

Ostala je še celica na dnu tabele ContentFoot, ki jo bom imenovala NOGE. V noge pa vpisala:
+div id="footer">
    Design by +b>+a target="_blank" href="http://www.ednevnik.si/?w=bambam">
    bambam+/a>+/b>.
+/div>

Pa zdaj poglejmo, kako ta tabela izgleda!

Da bi blog bil blog, mu morate dodati css stajl in vse ostalo, kar sem pisala že v postu OBLIKUJMO TABELO 1. Da pa vam se skupaj olajšam, pa tudi sebi - To tabelo bom kopirala v že obstoječi blog, oziroma v kodni del, med >body> >/body>. in je delo končano. Morda bo treba še kaj dodelati... drugo ozadje, drugo sliko glave,
prav zares me zanima, kako bo vse skupaj izpadlo

Delo je končano tako kot je bilo zastavljeno.

P.s. V kodah sem < zamenjaz z + plusom, da je lahko koda vidna.

NOVE eD OBLIKE

Mon, 19 Jan 2009 22:25:00 +0000

Za vas sem spet pripravila nove oblike za vaš eD blog.

Te oblike, ki sem jih dodala, pa so s strani www.pannasmontata-templates.net (razen ene). Torej niso moje avtorsko delo, jaz sem jih le prilagodila, da so uporabne za eDnevnik.

V desnem stolpcu mojega bloga boste videli box ED OBLIKE. Našli boste 6 novih oblik. Predogled nažalost ni mogoč (bom videla v prihodnje kako bom s predogledom ). Si pa lahko obliko/e skopirate v svoj računalnik tako, da kliknete na želeno in izberete DOWNLOAD. Nato določite kje boste to beležnico shranili v vašem računalniku. Beležnico nato odprete, izberete vse in kopirate.

V nadzorni sobi greste v "oblika" - "uredi obliko". V kodni del poljubno nekam kliknete, nato na vrhu strani greste na urejanje - izberi vse in nato urejanje prilepi.

Na dnu nato kliknite PREDOGLED OBLIKE. Če vam je všeč, si shranite spremembe.

Okrasite si svoje oblike kakor želite, dodajajte ikonice, gif animacije, uro, koledar, widgete,... veliko od tega vam je razložila v svojih navodilih shade. Preberite si. Njen link boste našli med mojimi povezavami. Ne prezrite tudi nasvete "bloga" in uredništva.

Pravila pri urejanju bloga

Fri, 09 Jan 2009 12:46:00 +0000

oz. KAKO SEM POPRAVILA SVOJO OBLIKO BLOGA, DA PRAVILNO IZGLEDA TUDI V FIREFOX MOZILLI

Ker sploh nisem vedela, kje je napaka, sem vso stran še enkrat oblikovala - zunanjost, ne notranjost. Postavila sem layout z glavo, vsebino in nogami. Prejšnja oblika tega ni imela, imela je le dive.

Layoutu sem določila velikost, prav tako glavi, vsebini (notranji 3 stolpci) in nogami. Ker v layoutu morate vsaki celici obvezno določiti višino height v pikslih, sem torej pustila, kakor je program (FrontPage) določil, nato pa sem v kodnem delu sama popravljala in namesto določene xxx-px višine, vpisala 100% height višine. S tem sem rešila prvi problem, saj je vsebina stolpcev spodaj na dnu uhajala izven okvirjev.

Nato sem vso vsebino glave, stolpcev in nog prilepila tja kjer morajo stati, prav tako pa ves prejšnji CSS stajl.

Naslednje, kar sem morala popraviti, je bil notranji stolpec. V prejšnji obliki je tudi to bil div, ampak divi ne morejo biti pozicionirani v sredino. Tabela in stolpci so to popravili. Še vedno pa je uhajala vsebina teksta. Zato sem ta div notranjega stolpca "boxblog" uredila tako, da sem mu določila absolutno pozicijo, z odmaknjenostjo od levega in desnega roba po 215px. To sem morala preračunati. 900 px široka tabela, levi in desni stopec sta oba široka 200px. Notranji stolpec pa 500 px. Div boxblog v njem je širok 470 px, kar pomeni da je 30 px viška, razpolovila sem jih, to znese 15 px, dodala širino stranskega stolpca 200px in dobila 215px določeno odmaknjenost od obeh robov.

To je v CSS stajlu napisano takole:

#boxblog {
width: 470px;
        margin: 10px;
        background-color: #98B74C;
        padding-bottom: 15px;
        text-align: justify; position:absolute; left:215px; right:215px
}

Tudi divu post, ki zaokroža post vsebino, sem morala določiti odmaknjenost od robov, da se ne bi zaletavali v robove.

padding-left:15px; padding-right:15px;

Nagajal mi je tudi .titlepost, zato sem ga morala malo zmanjšati na 460px.

Potem sem morala popraviti tudi div za komentarje. Tudi tam sem morala spremeniti širino na 460 px. Divu, ki je določen za tekst komentarjev, sem določila širino 430px in odmaknjenost od obeh robov 15px. Tako isto sem morala popraviti tudi comment-end, ki vsak komentar zaključuje in s spodnjim robom ločuje 2 komentarja med sabo.

post-comment pa je pri meni div z gumbom za DODAJ KOMENTAR. Njegova širina je 250 px in ker je v notranjosti glavnega diva za komentarje, sem mu morala določiti pozicijo, da bi lahko stal na "sredini" (v Firefoxu je namreč uhajal levo)

.post-comment {
font-family: Arial; font-size: 10pt; text-transform: uppercase; color: #666666;
font-weight: bold; width: 250px; text-align: center;
border: 2px solid #008080; background-color: #FFFFFF; padding-top:10px; padding-bottom:10px; margin-left:100px; margin-right:100px}

Poleg drugih manjših popravkov (ozadja itd) je sedaj v Firefoxu vse super izgledalo, razen 2 stvari.

Iframe-večji,... od Drugega sveta, nikakor ni hotel stati v desnem stolpcu, padal je dol pod sredinskega. Zato sem ta iframe položila v tabelo zgornje reklame Drugega sveta, in sedaj stoji.

Druga napaka je bila v arhivu. Koledar je bil prilepljen ob levi rob. Ker je to tabela sem jo morala (drugače ni šlo) zaokrožiti z divom, ki določa pozicijo...

>div style="padding-left:50px">Koledar>/div>

In sem bila skoraj gotova. Morala pa sem izbrisati Kategorizirano, saj Firefox očitno ne podpira razširjene sezname. Kar me žalosti. Bom morala to še preštudirati.

WIDGET ZA SPREMLJANJE-BRANJE DRUGIH BLOGOV

Wed, 07 Jan 2009 22:40:00 +0000

Evo še nekaj sem našla za vas. Widget, s katerim lahko na svojem blogu spremljate kaj je napisal nekdo drug!

Ta widget je sicer s strani http://www.springwidgets.com, ampak mislim, da je najbolje, da si ga uredite kot člani feedburnerja. http://www.feedburner.com Feedburner vam da naslov feeda vašega rss-ja. In ta feed je pomemben, da to kodo widgeta dobite, saj se s tem feedom lahko blog bere - spremlja naslove in vsebino. To pa si morate pred tem urediti v feedburnerju.

Sama sem se odločila spremljati našega Simeta. Najbrž se boste vsi strinjali z mano, da je njegov blog eden najzanimivejših pri nas. Ne le da ga moraš prebrati, tudi komentirati ga moraš, tako zanimive poste ima.

Če ga želite spremljati, lahko njegovo kodo dobite pri njem.

Kodo dobite tako, da v widgetu kliknete na Share, izberete HTML, celotno kodo skopirate in prilepite v svoj blog, kjer želite, da stoji.

Pozabila sem povedati. Z enim widgetom se lahko spremlja več blogov hkrati. Pri urejanju videza widgeta, se poleg prvega feeda doda drugi, tretji četrti... med vsakim pa mora biti znak: |

PREDSTAVLJAM VAM FEEDBURNER

Thu, 01 Jan 2009 16:19:00 +0000

Ste opazili na mojem blogu kaj novega? To je Feedburner!

Na desni strani vidite animirano zadnje naslove postov. S klikom na Grab this Headline Animator se vam odpre novo okno. Pri "Add to" izberite: Other (just gimme the code) in nato kliknete Next. Kodo skopirate in jo prilepite tja, kjer želite, da stoji to moje animirano okno z naslovi zadnjih postov.

Najboljša zanimivost tega feedburnerja pa mi je tisto, kar boste pri meni opazili na prvi strani! To so zadnji posti (sami določite število postov) in pri vsakemu prvih 50 besed (število določite sami). Je torej kratka predstavitev postov, z datumom objave in linkom do posta.

Če je tudi vam zanimiv, si ga lahko uredite na njihovi strani http://www.feedburner.com/fb/a/home.

Povsem zgoraj desno boste videli link "Register", kjer se lahko registrirate za te njihove usluge, ki so povsem brezplačne.

DODATEK: ON MOUSE OVER - SPREMINJANJE TEKSTA

Wed, 31 Dec 2008 00:15:00 +0000

Pa poglejmo kaj lahko ustvarjamo z "onmouseover".

Tu lahko vidite, da lahko spreminjate obliko teksta, ne da bi uporabljali skripte!

Predstavljam vam dva primera.

Kaj potrebujete, vidite v levem stolpcu tabele. Kliknite na "Generate Preview" , da vidite učinek in pojdite z miško čez izbrano besedilo.

V prvem primeru potrebujete iz levega stolpca ves style in prvi >p> (s tagi vred, brez >body< ampak v bodyju!).

Za drugi primer pa potrebujete le drugi >p> (s tagi vred, brez >body< ampak v bodyju!).

In seveda namesto mojega uporabite svoj tekst.

Pomagate si lahko s tole tabelo, na levi strani pišete, na desni pa vidite ob kliku na "Generate Preview".

OBLIKOVANJE BLOGA - DODATKI: PADAJOČE BESEDILO

Wed, 24 Dec 2008 07:24:00 +0000

Predstavila vam bom marquee - padajoče besedilo.

Namesto smeri "right" lahko vpišete left, up ali down. Poskusite direktno v tabeli. In kot sem napisala že v prejšnjem postu: V tem prikazu sem svoje kategorije napisala ročno. Pri oblikovanju svojega bloga tega ne počnite, temveč vpišite spremenljivke, ki nam jih določa eDnevnik

OBLIKOVANJE BLOGA - DODATKI: RAZŠIRJENI DIV

Wed, 24 Dec 2008 00:33:00 +0000

V postu POSTAVITEV BLOGA sem vam že predstavila, kako lahko naredite boxmenuje.
Zdaj pa bom za tiste, ki še ne znate, predstavila razširjeni div:

Tukaj lahko v stajlu vidite, kako je ta box, sestavljen iz boxmenuja in voicemenuja, oblikovan. Spreminjate lahko po želji. Lahko si pomagate tako, da spreminjate lastnosti - pišete v levi strani tabele, s klikom na "Generate Preview" pa vidite, kako bi vaša oblika izgledala. V tem primeru ima boxmenu v ozadju sliko, voicemenu pa barvo. Lahko je obratno ali kakorkoli.

V tistem delu na levi strani tabele, v okvirjih bodija, pa lahko vidite "razširjeni div", ki vam ga predstavljam. Začenja z >div style...> v njem je izbrani tekst, zakljčiti pa ga morate z >/div>.

V tem prikazu sem za izbrani tekst napisala svoje kategorije. A sem jih napisala ročno. Pri oblikovanju svojega bloga tega ne počnite, temveč vpišite spremenljivke, ki nam jih določa eDnevnik, v primeru kategorij:

>Categories>>li>>a href='>%CategoryURL%>'>>%Category%>>/li>>/a>>br>>/Categories>
Tudi tale div lahko poljubno oblikujete. Tale moj okvirjev nima, zato ima borders: 0. lahko pa vpišete poljubno število debeline okvirja. Tudi višino (height) in širino (width) določate sami. Tisti "overflow" pa nikar ne spreminjajte in ne brišite, saj le ta odloča o tem, da je div razširjen.

Ker je to razširjeni div, ste dobili skroler, če je besedila več kot je določena velikost div-a. Ta skroler pa je lahko čisto posebne barve, če mu jih določite v stajlu. Kako? To sem vam že opisala v postu BARVA SKROLERJA.

SKRIPTA: DATUM

Sat, 13 Dec 2008 14:18:00 +0000

To skripto prilepite v body, kjer želite, da se datum nahaja.

Skripto si lahko skopirate iz tabele, tukaj pa vidite, kako ta efekt v resnici izgleda:

V tabeli lahko tudi pišete. Lahko prilepite druge skripte in si jih ogledate.

Pritisnite na gumb "Generate Preview" da vidite učinek te skipte.

DODATEK: BARVA SKROLERJA

Sat, 13 Dec 2008 13:18:00 +0000

TO NI SKRIPTA!

Temveč css stajl. Kopirati ga morate v >head>, vendar tja, kjer se določa body, to pa je takoj na začetku. Piše: body [tralalala], v te oklepaje in že določene lastnosti dodate še te. Barve si izberete poljubno.

Kar tukaj v tabeli piše v predelu >body> ne kopirate. To je le za ponazoritev.

Stajl si lahko skopirate iz tabele, tukaj pa vidite, kako ta efekt v resnici izgleda:

V tabeli lahko tudi pišete.

Pritisnite na gumb "Generate Preview" da vidite učinek.

SKRIPTA: POZDRAVLJA OBISKOVALCA IN MU POVE KDAJ JE BIL NAZADNJE TU

Sat, 13 Dec 2008 12:47:00 +0000

To skripto boste prilepili direktno v >body>, kjer želite da se nahaja. Besedilo:

To je tvoj prvi obisk na tem blogu. Dobrodošel!

in:

Pozdravljen prijatelj!<br>Nazadnje si bil pri meni

lahko poljubno spremenite.

Skripto si lahko skopirate iz tabele, tukaj pa vidite, kako ta efekt v resnici izgleda:

V tabeli lahko tudi pišete. Lahko prilepite druge skripte in si jih ogledate.

Pritisnite na gumb "Generate Preview" da vidite učinek te skipte.