Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'Europe/London' for 'BST/1.0/DST' instead in /home/pixeloch/public_html/pagesfunctions.php on line 21
Pixel CMS


Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'Europe/London' for 'BST/1.0/DST' instead in /home/pixeloch/public_html/functionsmenus.php on line 43

Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'Europe/London' for 'BST/1.0/DST' instead in /home/pixeloch/public_html/functionsmenus.php on line 45

Warning: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'Europe/London' for 'BST/1.0/DST' instead in /home/pixeloch/public_html/functionsmenus.php on line 45

Editera HTML-dokumentet




Öppna den sida du skapat i PhotoShop i DreamWeaver.

 

Bör se ut så här ungefär i DreamWeaver.

 

De du behöver göra för att kunna exportera detta tema är följande.

 

1. Välja de områden du ska kunna skriva i när du använder LITEBRIX - Efter den plan du gjorde tidigare i PhotoShop.

 

 

För att LITEBRIX ska kunna veta var du vill ha meny och textinnehåll måste du ange speciella värden på dessa platser.

 

Följande värden är reserverade för LITEBRIX: (ändast texten innanför klamrar plus klamrar läggs in på HTML-sidan)

 

[MENHV] - Meny

 

[CONTENT] - sidinnehåll

 

[MENHTML] - textarea 1

 

[Z05] - textarea 2

 

[Z06] - textarea 3

 

[Z07] - textarea 4

 

[Z08] - textarea 5





När ett område ska användas för sidinnehåll eller meny måste den utskurna bilden som ligger där tas bort.

och ersättas med en av tre saker:


A. Bakgrundsfärg

Om bakgrunden är enfärgad på bilden kan du ersätta den med en färgkod.


B. Bakgrundsbild

Om bilden inte är återkommande så kan samma bild läggas till i bakgrunden.


C. Återkommande bakgrund

Om bilden är återkommande, horizentalt eller vertikalt (eller båda) måste

den läggas till i bakgrunden med instruktioner om hur den ska återkomma.

 

Detta är vanligast när du fyller en sida med mer och mer innehåll och den blir längre.

 

 

Om inte vissa bilder återkommer skapas ett glapp på sidan.

 

 

 

 


A. Bakgrundsfärg

På den plats som du vill lägga meny/sidinnehåll ligger nu en bild.


Markera bilden med musen och växla till kodvy.

Du bör då se något likande detta.




Den markerade delen motsvarar koden för den bild du markerat.

Du vill nu ta bort bilden och ersätta den med en färg.

 

Först måste du flytta storleken av bilden till den övriga koden. (röd text)

Från

Till

 

 

Sedan måste du ersätta färgen med motsvarande färg som bilden har.

Då sätter du in följande kod.

 

 

 

Nu måste du sätta in rätt kod för färgen där ????? står nu.

Gå till din fil i PhotoShop och klicka längst ner i verktygsfältet på den översta av de två färgrutorna.

Du får då upp detta fönster.

 

 

 

Gå med musen och klicka på det färgområde med rätt färg, då kommer du få den färgen

i fönstret ovan. Kopiera de tecken du ser längst ner i fönstret med "#" framför.

Detta värde sätter du in i stället för ?????.

 

 

Du har nu ersatt enbild med bakgrundsfärg.

 

 

 

 

 

 

B. Bakgrundsbild

På den plats som du vill lägga meny/sidinnehåll ligger nu en bild.


 

 

Markera bilden med musen och växla till kodvy.

Du bör då se något likande detta.




 

Den markerade delen motsvarar koden för den bild du markerat.

Du vill nu ta bort bilden och lägga den i bakgrunden.

 

 

 

 

Först måste du flytta storleken av bilden till den övriga koden. (röd text)

Från

Till

Sätt nu in koden för bakgrundsbild.
Nu flyttar du bildkoden (image/tema_16.jpg) till platsen för ?????.
Nu har du bilden i bakgrunden i stället.

 

 

C. Återkommande bakgrund
På den plats som du vill lägga meny/sidinnehåll ligger nu en bild.
du vill nu även att denna bild ska återkomma.

Markera bilden med musen och växla till kodvy.

Du bör då se något likande detta.



För att ge instruktioner för boxen att återupprepa bilden måste du koppla denna del till intruktioner överst på sidan.


Så här gör man


Ge bilden en unik "class"




Välj själv ett namn annat än "namn" - detta är ett exempel.


 

Sedan går du upp högst upp på sidan och lägger in följande kod.

 

(Det som är inramat i rött)


 

 



För varje bild som ska ligga i bakgrunden och vara återkommande måste du skapa en instruktion
som gäller för den unika classen.

För classen "namn" blir det enligt följande.



Vi har tagit samma "namn" men med en punkt innan och sedan tagit
bildkoden (image/tema_16.jpg) efter ordet "url"
Ordet repeat-x betyder att bilden blir återkommande horizontalt,
med repeat-y blir det återkommande vertikalt och skriver du så här:
background-repeat: repeat-x;
background-repeat: repeat-y;

blir det återkommande i alla riktiningar.
Glöm inte att ta bort bildkoden längre ner på sidan.
Flytta upp storleken också.
Det ska se ut så här.
Och längre ner på sidan ska det se ut så här.
Du har nu bytt en bild i förgrunden till en återkommande bild i bakgrunden.
Upprepa dessa moment tills din sida är klar.

 

 

 

Nu ska du lägga till de

 

 

För att LITEBRIX ska kunna veta var du vill ha meny och textinnehåll måste du ange speciella värden på dessa platser.

 

Följande värden är reserverade för LITEBRIX: (ändast texten innanför klamrar plus klamrar läggs in på HTML-sidan)

 

[MENHV] - Meny

 

[CONTENT] - sidinnehåll

 

[MENHTML] - textarea 1

 

[Z05] - textarea 2

 

[Z06] - textarea 3

 

[Z07] - textarea 4

 

[Z08] - textarea 5

 

Genom att skriva in tex. [MENHV] i ett område kommer LITEBRIX att koppla menyn till detta område.

 

Det kan se ut så här.

 

 

 

Gå nu över i kodvy och kopiera hela koden och klistra in den i LITEBRIX.



Pixel&Co - Hallandsgatan 28 - 118 57 STHLM - + 468-34 34 69 - info@pixelochco.com - www.pixelochco.com