CSS

Twitter login vormi sarnase vormi lisamine Drupal sisuhaldusele

Vändra jalgpallimeeskonna kodulehe ehituse juures tekkis küsimus, kuidas teha sisse logimine. See peab olema nähtava koha peal ja lihtne kasutada. Juba ammu olin veebist leidnud Twitter logini loomise õpetuse. Jäi üle see vaid Drupal kujundusele integreerida.

Pildid CSS ja Jquery

 Veebilehti ehitades ei saa kuidagi kõrvale vaadata Jquery võimalustest. Täna ma siis otsisin uusi kasulikke lahendusi.  Leidsin mitmeid ja kuna kipun unustama, kuidas midagi leidsin / tegin, pean käesolevat päevikut. Paar kasulikku jubinat...

Jquery zoom - Suurendab eraldi aknas teatud osa pildist. Lihtne kasutada. Kasutusel enamasti e-poodidel.

Kuidas luua kena galerii kasutades Drupal CCK moodulit ja pisut CSS-i

Soovisin mõnda aega tagasi lisada igale sissekandele eraldi pildigaleriid. Ja kuna ma olen ise olen suhteliselt laisk ja samas usun mu kliendid ei soovi koodiga jännata (Tegelikult neid ei huvitagi see), siis lisasin Drupalile sellise toreda süsteemi, mis võimaldab kliendil lisada igale sissekandele täpselt sellise hulga pilte nagu ta soovib. Ja nagu tänapäeval galeriidele kohane on lisatud ka slaidisõu ja muud vidinad. Vaata näidet.. http://liilialilled.ee/pulmaseaded

Kodulehe kujundamine

Mõned päevad tagasi sain kirja, milles üks noor ja kaunis tütarlaps küsis minult, et kas saaksin talle õpetada, kuidas lõigata pilditöötlusprogrammis loodud kujundust html-i. Otsustasin koostada väikese õpetuse, milles panen kirja osakese sellest mida pean tähtsaks kodulehe kujundamisel ning kuidas seda tööd läbi viia. Loodetavasti lisandub siia aja jooksul õpetusi, kuidas kasutada erinevaid tehnoloogiaid veebiloomes.

Otsimootorile optimeeritud kujundus

Räägin veebilehest, mis on kujundatud kasutades kihte (inglise keeles: layer) Esmalt siis tavaline optimeerimata kujundus. Esimesel pildil on kujutatud otsimootori ämbliku (engl.: spider) teekonda optimeerimata kujunduse puhul.

Otsingu peal asuva teksti peitmine ehk kaotamine

Drupali otsingul on küljes häiriv tekst Search this site: Selle eemaldamiseks kasutame display: none ccs reeglit. Mis tähendab peida see tekst.

Kirjutame kujunduse style.css sisse:

#search-theme-form label
{
display:none;
}

#search-block-form label
{
display:none;
}

Õpetuse eest tahaks tänada Mark Dorison nimelist meest!

Liida sisu