Optimizacija spletnih strani, izdelava Joomla, Drupal, Wordpress spletnih strani

Ma glih sem najdel tubemogul. super stvarca, naenkrat lahko naložiš isti video na 20 različnih strani, kot je recimo youtube, myspace, facebook, metacafe, dailymotion in 20 ostalih strani.

Enkratna zadevca.

Moram reči, da je nova stran izredno cool. Radiestezija.com, popolen redesign iz prejšnjega designa.

Kaj naj rečen, ima custom temo, admin ozadje, kjer lahko enostavno dodajaš članke, slike, videje.

lahko postaviš forum v 1 minuti. Da to je Drupal, idealna rešitev za vašo stran.

Ta problem mi se je zgodil že večkrat. Problem je v .htaccess datoteki na primarni top level domeni drupal. Če histaš veliko strani na svojem serverju, potem so vse strani v subfolderjih offline.

Če pride do tega problema potem moraš spremeniti .htaccess kodo iz

DirectoryIndex index.php

v

DirectoryIndex index.php index.html index.htm

In vse bo delalo.

Tukaj je nekaj CSS primerov in nasvetov, da mi ne pobegnejo iz glave.

ID SELECTORS
#id  lahko uporabiš samo 1x na stran
p#id   -  velja za paragraph znotraj #id    (BREZ PRESLEDKA)
td#id
th#id

CLASS SELECTORS
li.class {background: red;}   -  samo velja za li znotraj class
td.class   -   samo za td znotraj class

<li class="first urgent">  pomeni da ima dva selektorja, na katera lahko ciljaš individualno.
.first {..........
.urgent {..............

GRUPIRANJE SELEKTORJEV (lahko vendar uporabi presledek, ampak za zadnjim ni presledka!!!)
h1, h2, h3, h4, h5 {...............
ali
h1,
h2,
h3,
h4,
h5 {................

th, td {.............


PARENT CHILD (parent vedno prvi v kodi, vmes presledek obvezno)
classparent
           classchild

#parent child {...................
.parent child {....................


KONFLIKTI  (če imata dva ista selektorja različno kodo, potem se upošteva vrstni red - ampak ne vedno)
#links a {background: red;}
#links a {background: green;}
               potem bodo linki green, ker se upošteva vrstni red

body li {background: red;}
li {background: green;}
                  upošteva se prvi, ker je bolj specifičen, vrstni red tukaj ne velja

!IMPORTANT (če imaš konflikt, vedno dodaj !important, ki bo premegal vse konflikte)  - vedno dodaj presledek na začetku
li {background: green !important;}

CENTRIRAJ BLOK (z margin auto)

p {margin: 10px auto 10px auto;}  centriraj na sredino, če samo en auto potem je lahko align na levo ali desno
width!!!! pomeni samo širino texta, margin, border padding se prišteje!!!! dodatno

FLOAT CONTENT
#content {
float: left;
padding: 0 240px 15px 5px;
}

#right-bar {
float: right;
margin: 0 0 15px -200px;
}

margin nastaviš na nagativno vrednost, ki mora biti manjša kot je širina content bloka, da potem ne overlapata eden čez drugega. To je osnova za css float of content boxes. Footer pa daš pod clear:both;

MARGIN JE LAHKO NEGATIVEN; PADDING NIKOLI

Se pravi floataš box, uporabiš negativni margin in pozitivni padding in float both.

ČE hočeš da je FOOTER odmaknjen zgoraj oziroma da ima margin nekaj px, recimo 20, ne pomaga margin:20px; v footer kodi, ampak moraš dati margin-bottom: 20px; na content in right-bar, najbolje na oba naenkrat.

CLEAR ignorira margin-top!!!!

CONTAINER (ki zajema content in desni bar) mu daš width 100% in OVERLOW:AUTO;
ne vem točno zakaj ampak tako mora bit da vse lepo deluje :)

KAKO SPREMENITI li V VODORAVNI POLOŽAJ (recimo dati menu v inline)
#navtopmenu li {
    display: inline; list-style:none; (to moraš dodati, da v nekaterih browserjih ne vidiš cifer pred linki, recimo 1, 2, 3, 4, ....)
}

DISPLAY: NONE;  --- se uporablja recimo za dropdown menije, ko želiš skriti submenuje v ne-hover stanju


BACKGROUNDS --- lokacija slik je relativna na lokacijo css file-ja in ne na html lokacijo!!!!
background-image: url(images/lepavida.jpg);     repeat-left, repeat-right, no-repeat
background-position: 50% (vodoravno) 0 (navpično);  50% 40px (lahko uporabiš pixle tudi

TEXT ALIGN
p { text-align: left, right, justify, center; }

VERTICAL ALIGN TEXT
p {vertical-align: 10px (1em, -1em - za subscript fonte recimo)

Tukaj je lista še ostalih zanimivih modulov za Drupal, prišel sem iz Drupal seminarja od Lullabota in tukaj bom napisal par modulov, za osebno referenco, ki so zelo dobri.

Custom breadcrumbs - določiš custom breadcrumb
autoexpire - določiš pokolikem času po članek nehal biti objavljen
term node count - koliko nodes je v eni kategoriji
flag
flag actions

Wow ta modul je enkraten, ko nalagaš sliko na Drupal server, da jo prikažeš na svoji strani v članku, enostavno vržeš url do slike v mox in pritisneš upload.

Uploadaš modul po modules in ga enablaš pod modules. Potem greš pod CCK / content types in enablaš Filefield sources.

Nato narediš posebno polje upload image v CCK in lahko poleg upload izbereš tudi direktni url do slike.

Zelo kul, poleg MTV, NASA in mnogo največjih spletnih strani uporablja Drupal še bela hiša. Očitno Obama ljubi Drupal (joke).
Obama Drupal rules a ne?

Drupal je najboljši CMS sistem, verjemite mi.

Oh, kančno sem očitno našel problem. Moji maili so bili vrstice kock, namesto šumnikov so se mi izpisovali čudni znaki.
In našel sem fix.

Odpreš lokacijo tukaj Tools->Options->Advanced->General tab->Config Editor

In nastaviš tole vrstico na false:     mailnews.force_charset_override

Končano, hvala bogu, Thunderbird rula!!

p.s. Če še ne dela, potem klikni z desnim miškinim gumbom na inbox, izberi properties in odkljukaj Apply default to all images.

Imamo strokovnjaka v našem timu za retuširanje raznih modelov za magazine. Ima izkušnje na tujih trgih, delal je recimo za Maxim svetovno znano revijo.

Tudi v Sloveniji obstaja veliko glamur magazinov, kjer lahko naš strokovnjak pomaga. Pošljite nam slike in pokažemo vam kaj znamo. Seveda računamo za naše delo po uri.

Tukaj je en primer, kar naš retušer zna narediti s Photoshopom. Recimo kot primer je vzel že retuširano sliko Kate Beckinsale, ki jo je najdel na netu. Retuširal je najprej oči, ni spremenil barve ali kaj drugega, samo poudaril je obstoječe odtenke oči. Nato je retuširal obrvi, kožo na obrazu, ustnice, dodal celo trepalnice, dodal je senčenje obraza, poudaril ustnice.

Skušal sem najti v Sloveniji podjetje, ki dela kvalitetne retouching storitve, nisem našel nič, izmed 10 podjetij, ki sem jih preučil vsi imajo izredno slabo kvaliteto retuširanja, obrazi izgledajo kot plastične lutke, nikjer ni sledi o pravi kvaliteti retušinga. Večina spreminja samo kožo, naš strokovnjak uporablja celo teksturo za kožo!!!! Če hočete res kvaliteto za vaš časopis, potem smo očitno edina možnosti, drugače se vam bodo bralci smejali.

Torej če rabite naše storitve nas kontaktirajte. Smo na voljo. Rade volje retuširamo slike za vodilne slovenske magazine ali magazine v tujini.

A želite da se ljudje nehajo pritoževati, da imate v vašem časopisu preveč retuširane slike? Naš ekspert je delal za Maxim, vodilno revijo za Glamour in dobili boste retuširane slike, ki niso plastične in ljudje ne bodo mogli reči, da smo jih retuširali, DA IZGLEDAJO TAKO NARAVNO!