Lage egen template (Bilder i index)

Her er både spørsmål og gode idéer/forslag

Moderators: Per Yngve Berg, sone12

Locked
karl.o
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Mon Jun 12, 2006 8:22 pm

Lage egen template (Bilder i index)

Post by karl.o » Mon Jun 12, 2006 9:01 pm

Har lest og lest, og gjennomgått et uvisst antall veiledninger, men klare ikke å bli klok på hvordan en legger inn grafikk i en template.
Har Dreamwaver og har lastet ned Joomla! Extension, laget rammeoppsett, plassert modulene etc. Men de bildene jeg setter inn i templaten vises ikke når siden blir publisert. Har laget grafikk etc i Photoshop, lagt dette inn i templaten, men denne grafikken (med bilder) vises ikke i nettleseren som nevnt. Det er helt sikkert en elementær feil jeg gjør, men er det noen som kan hjelpe ? Har brukt masse tid på dette, men funner ikke ut av det.

Takk for hjelpen!

Hilsen rimelig fersk, og fornøyd joomla! bruker :)

User avatar
lbmyren
Joomla! Explorer
Joomla! Explorer
Posts: 260
Joined: Fri Mar 10, 2006 1:57 pm
Location: Norway

Sv: Lage egen template (Bilder i index)

Post by lbmyren » Mon Jun 12, 2006 11:15 pm

Når jeg har satt inn bilder gjennom maler har jeg gjort det på to forskjellige måter.

1.

Code: Select all

<img src="<?php echo $mosConfig_live_site; ?>/templates/mal-navn/images/bildenavn" border="0" alt="Alternativ tekst" />
2.

Code: Select all

table.logo td.logo {
	background: url(/templates/mal-navn/images/bildenavn);
}
Får å få med bildene når du skal installere en mal, må du skrive dem inn i xml-fila. Enkleste når du har begynt på en side er å laste dem opp med enten JoomlaExplorer eller er egnet FTP-program...

Bare å spørre mer hvis du ikke får det til :P
-larsbjarte-

wanvik
Joomla! Intern
Joomla! Intern
Posts: 83
Joined: Sun Nov 06, 2005 10:52 pm
Location: Trondheim, Norway

Re: Lage egen template (Bilder i index)

Post by wanvik » Tue Jun 13, 2006 11:08 am

Dersom du er helt fersk, kan jeg vel fortelle deg hvordan du legger inn i xml-fila også :)

Code: Select all

<?xml version="1.0" encoding="iso-8859-1"?>
<mosinstall type="template" version="1.0.x">
	<name>Navn på template</name>
	<creationDate>Juni 06</creationDate>
	<author>Ditt navn</author>
	<copyright>GPL</copyright>
	<authorEmail>din@mail.no</authorEmail>
	<authorUrl>www.dinside.com</authorUrl>
	<version>1.0</version>
	<description>Valid xml & css design</description>
	<files>
		<filename>index.php</filename>
		<filename>templateDetails.xml</filename>
	</files>
	
Når du har kommet til , skal du legge inn bildene, det gjør du som følger

Code: Select all

<images>
            <filename>bilde1.jpg</filename>
            <filename>bilde2.jpg</filename>
</images>
osv. :)

User avatar
rued
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 4796
Joined: Fri Sep 16, 2005 10:23 pm
Location: Finland / Norway
Contact:

Sv: Lage egen template (Bilder i index)

Post by rued » Tue Jun 13, 2006 12:53 pm

Rune Rasmussen - http://www.syntaxerror.no
Norske nettløsninger og integrasjoner, brukerstøtte og vedlikeholdsavtale m.m.

Norwegian Translation Team - https://crowdin.com/project/joomla-cms/nb

karl.o
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Mon Jun 12, 2006 8:22 pm

Re: Lage egen template (Bilder i index)

Post by karl.o » Tue Jun 13, 2006 8:30 pm

Da ser det ut som om jeg klarer å legge til et bilde. Klønete at en ikke ser bilde en har lagt til men bare en grå boks....

Men hvordan legger jeg inn en bakgrunn som f.eks vises i tabellene som jeg igjen legge i ?
Ønsker å lage template i Photoshop og når jeg da åpner filen photoshop lager, blir bildene i tabellen borte når jeg prøver å skrive i de. Hvordan legge jeg til slik bakgrunnsgrafikk etc ?

Ser ut som jeg klarer å få til å legge til grafikk/bakgrunner ved hjelp av css... Er det vanlig å lage en css profil for et bilde for å få det til å vises på siden ?
Last edited by karl.o on Tue Jun 13, 2006 8:49 pm, edited 1 time in total.

wanvik
Joomla! Intern
Joomla! Intern
Posts: 83
Joined: Sun Nov 06, 2005 10:52 pm
Location: Trondheim, Norway

Re: Lage egen template (Bilder i index)

Post by wanvik » Tue Jun 13, 2006 9:09 pm

enkel sak det, bare finn ut hvilken klasse det gjelder, så legger du til følgende i css-fila di

Code: Select all

background: url(../images/filnavn.jpg);
(Det legger du til i den riktige klassen altså.)

karl.o
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Mon Jun 12, 2006 8:22 pm

Re: Lage egen template (Bilder i index)

Post by karl.o » Fri Jun 16, 2006 2:21 pm

Jeg har fremdeles ikke blitt klok på dette. ordan er det dere designe deres websider? Om dere gjør det i photoshop, kan dere da fortelle fremgangsmåte ved å få den satt opp riktig i Dreamwaver? Bruker dere css på bilder/bakgrunn etc ? Har prøvd å sette opp en side i dramwaver etter å ha brukt PS til i "slice bilder", og satt disse inn i tabeller i DW ved hjelp av css. Resultatet ble helt elendig. Kan jeg bruke noe annet enn tabeller for dette? Hva gjør dere som kan dette ?

Takk for videre svar...

User avatar
rued
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 4796
Joined: Fri Sep 16, 2005 10:23 pm
Location: Finland / Norway
Contact:

Sv: Lage egen template (Bilder i index)

Post by rued » Sat Jun 17, 2006 12:27 am

Kunne 1 og 2 være til hjelp her:
http://help.joomla.org/content/section/12/125/&nbsp; :)
Rune Rasmussen - http://www.syntaxerror.no
Norske nettløsninger og integrasjoner, brukerstøtte og vedlikeholdsavtale m.m.

Norwegian Translation Team - https://crowdin.com/project/joomla-cms/nb

Øystein M
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 117
Joined: Fri Oct 21, 2005 2:04 pm
Location: Norway

Re: Lage egen template (Bilder i index)

Post by Øystein M » Mon Jun 19, 2006 6:58 am

Hei,

Jeg bruker å laste opp bilder på webområdet først. Før var dette for å se hvor glatt siden kjørte, men nå er det bare av gammel vane.

Sett at jeg laster opp bildene til "http://www.minwebside.xx/templates/min_template/images/", da blir koden noe slik som dette:

Code: Select all

<img src="http://www.minwebside.xx/templates/min_template/images/bilde1.jpg" border="0" alt="Alternativ tekst" />
Når jeg er ferdig og alt er lastet opp så erstatter jeg "http://www.minwebside.xx" med ""
Øystein M
VOTE FOR JOOMLA!, UK LINUX AWARDS: http://snipurl.com/xhga
Vote for Joomla! NOW http://www.packtpub.com/article/final_five_joomla

karl.o
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Mon Jun 12, 2006 8:22 pm

Re: Lage egen template (Bilder i index)

Post by karl.o » Tue Jun 20, 2006 9:01 pm

Det hørtes smart ut. Skal prøve det. Men hvordan setter du sammen bildene/grafikken på siden? Bruker du tabeller og css eller hvordan gjør du det ? Et annet spørsmål. Hvordan kan mine skribenter enklest mulig legge til egne bilder i artiklene sine uten å bruke de som ligger inne fra før ? Og hva er egentlig forskjellen på å bruke "mosimages"og "insert/edit images" ?
Videre: Går det ann å legge til en slik funskjon at skribenetene kan laste opp bilder i artikkel editoren ? vil gjøre det enklest mulig.

Takk igjen for svar!

wanvik
Joomla! Intern
Joomla! Intern
Posts: 83
Joined: Sun Nov 06, 2005 10:52 pm
Location: Trondheim, Norway

Re: Lage egen template (Bilder i index)

Post by wanvik » Wed Jun 21, 2006 12:11 am

Jeg bruker layers til design ihvertfall.

Angående bildeopplasting for skribentene dine så finnes det et plugin til JCE som gjør det mulig å laste opp bilder mens en skriver.
Anbefaler deg å laste ned JCE og plug-ins til den, jeg tror det plug-in'et jeg sikter til heter image-manager, men skal ikke si det helt for sikkert.
(Laster vel da opp fra den boksen hvor en setter inn bilder.)

Øystein M
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 117
Joined: Fri Oct 21, 2005 2:04 pm
Location: Norway

Re: Lage egen template (Bilder i index)

Post by Øystein M » Wed Jun 21, 2006 6:23 am

karl.o wrote: Det hørtes smart ut. Skal prøve det. Men hvordan setter du sammen bildene/grafikken på siden? Bruker du tabeller og css eller hvordan gjør du det ? Et annet spørsmål. Hvordan kan mine skribenter enklest mulig legge til egne bilder i artiklene sine uten å bruke de som ligger inne fra før ? Og hva er egentlig forskjellen på å bruke "mosimages"og "insert/edit images" ?
Videre: Går det ann å legge til en slik funskjon at skribenetene kan laste opp bilder i artikkel editoren ? vil gjøre det enklest mulig.

Takk igjen for svar!
I begynnelsen vil det sikkert være enklest å bruke tabeller. Jeg bruker forskjellige metoder, men andre metoder kan en alltids lære seg etterhvert.

De andre spørsmålene er litt "Off topic, men jeg kan som han over anbefale å legge inn JCE Editor som Default WYSIWYG Editor. Den har som wanvik påpeker en plugin som heter Image Manager. Med den kan en laste opp bilder, styre størrelser, legge på ramme, etc. i editoren.

Mosimages har jeg aldri forstått vitsen med, og anbefaler derfor å bruke "insert/ edit"

Ellers (back on topic) vil jeg anbefale deg å laste end noen gratis templates, og se hvordan de gjør ting der. En kan lære mye av det.
Last edited by Øystein M on Thu Jun 22, 2006 10:35 am, edited 1 time in total.
Øystein M
VOTE FOR JOOMLA!, UK LINUX AWARDS: http://snipurl.com/xhga
Vote for Joomla! NOW http://www.packtpub.com/article/final_five_joomla

karl.o
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Mon Jun 12, 2006 8:22 pm

Re: Lage egen template (Bilder i index)

Post by karl.o » Wed Jun 21, 2006 11:36 pm

Nå begynner det endelig å ligne no her. Takk for tipset med layers i dreamwaver. Har prøvd dette sammen med css og det ser ut til å fungere (!) Men; har ett problem: Teksten brytes nesten med en gang i "main" layeren. Layere er bredt, men teksten fra joomla blir brutt etter bare noen setninger, og all teksten "hoper seg opp", legger seg opp hverandre nesten. Hvordan fikse dette ?

wanvik
Joomla! Intern
Joomla! Intern
Posts: 83
Joined: Sun Nov 06, 2005 10:52 pm
Location: Trondheim, Norway

Re: Lage egen template (Bilder i index)

Post by wanvik » Thu Jun 22, 2006 1:38 am

Har du en url det går an å se siden på?  -greiere og finne ut hva som er problemet da :)

Stikkordet er nok CSS uansett ;)

karl.o
Joomla! Apprentice
Joomla! Apprentice
Posts: 13
Joined: Mon Jun 12, 2006 8:22 pm

Re: Lage egen template (Bilder i index)

Post by karl.o » Thu Jun 22, 2006 9:50 am

Den ligger bare lokalt enda. selve siden er bare en test som jeg kjapt har laget i Photoshop. Skal lære meg å sette sammen designet i dreamwaver, legge til "modulene" etc via Joomla extension. Skal prøve å fikle litt mer med det nå. Om jeg ikke finner ut av, det skal jeg laste opp siden så kan du se på det. Men layer og css ser ut til å være det beste ja, sette bakgrunn i layeret ved hjelp av css.


Locked

Return to “Template, CSS og design”