Billede bag ved tekst

Her kan du spørge om hjælp til design, templates og css.

Moderator: b-ronnow

Locked
User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Billede bag ved tekst

Post by kancaie » Sat Dec 22, 2007 10:00 am

Hej
Jeg har en kunde der gerne vil have et billede bag ved sin tekst...

Og yderlig mere så vil han have forskellige billeder for hver side, da jeg jo ellers kunne have sat billedet direkte i templaten.
Kan dette lade sig gøre ? og hvis hvordan??

Jeg bruger JCE som editor.

/Rex

Øhh denne skulle jo egentlig nok have ligget under design mm.
Er der en mod der vil flytte dne for mig ??
/Rex

<--mod note zimmik: Ikon rettet til Solved ~ Løst -->
Last edited by zimmik on Tue Jun 17, 2008 10:46 am, edited 2 times in total.
Reason: Icon changed to Solved
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: Billede bag ved tekst

Post by kancaie » Sun Jan 06, 2008 9:19 am

God bagjul og godt nytår

Og tak for at mit Q blev flyttet, til det korrekte forum :)

---

Jeg har ledt og ledt men stadig intet fundet...
Er der ikke en eller anden her inde der kan hjælpe mig med dette problem...

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

User avatar
Christensen
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 156
Joined: Wed Mar 28, 2007 1:10 pm
Location: Aarhus

Re: Billede bag ved tekst

Post by Christensen » Thu Jan 10, 2008 12:57 pm

Du skal inde i det enkelte dokument (content item) under Parametre bruge det der hedder "Page class suffix".

Du skal oprette et par klasser til hver baggrund din kunde skal have. Det drejer sig om (mindst) klasserne contentpaneopen og contentheading. Fx hvis kunden vil have noget forårsgrønt bag en tekst, skal du i Page class suffix-feltet skrive -foraar og definere klasserne:

.contentpaneopen-foraar {
background-image:url(http://www.sti-til-dit-billede.dk/billednavn.jpg);
background-position:center; //eller hvor det nu skal være
background-repeat:no-repeat; //eller hvad du nu skal!
}

contentheading-foraar {
hvad der nu skal gælde her hvad angår farve, størrelse osv.
}

I min test fandt jeg ud af at når man bruger "Page class suffix", bliver suffixet også vedhæftet overskriften (contentheading). Det slår måske også igennem andre steder som jeg ikke har spottet i test, men du kan jo altid i kildekoden se om klassen med efternavnet "-foraar" står nogle steder og så lave specifikationen hertil.

Håber ikke din kunde skal have forskelligt billede bag alle teksterne  8)

Mvh.
Christensen

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: Billede bag ved tekst

Post by kancaie » Thu Jan 10, 2008 2:00 pm

Christensen wrote: Du skal inde i det enkelte dokument (content item) under Parametre bruge det der hedder "Page class suffix".

Du skal oprette et par klasser til hver baggrund din kunde skal have. Det drejer sig om (mindst) klasserne contentpaneopen og contentheading. Fx hvis kunden vil have noget forårsgrønt bag en tekst, skal du i Page class suffix-feltet skrive -foraar og definere klasserne:

.contentpaneopen-foraar {
background-image:url(http://www.sti-til-dit-billede.dk/billednavn.jpg);
background-position:center; //eller hvor det nu skal være
background-repeat:no-repeat; //eller hvad du nu skal!
}

contentheading-foraar {
hvad der nu skal gælde her hvad angår farve, størrelse osv.
}

I min test fandt jeg ud af at når man bruger "Page class suffix", bliver suffixet også vedhæftet overskriften (contentheading). Det slår måske også igennem andre steder som jeg ikke har spottet i test, men du kan jo altid i kildekoden se om klassen med efternavnet "-foraar" står nogle steder og så lave specifikationen hertil.

Håber ikke din kunde skal have forskelligt billede bag alle teksterne  8)

Mvh.
Christensen
:( Det vil han sikkert nok.

Jeg prøver lige metoden af og vender tilbage :)

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: Billede bag ved tekst

Post by kancaie » Fri Jan 11, 2008 6:18 pm

Federen der virker...

Kan man med denne metode have flere forskellige billeder ligende ??

Jeg er nemmelig ikke så stærk i css :(

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: Billede bag ved tekst

Post by kancaie » Sat Jan 19, 2008 10:49 pm

Nu har jeg prøvet mig lidt frem og tilbage.. men jeg fatter hat af CSS, så jeg fu..... mit template helt op  :(

Måske man selt ikke kan noget sådanne med Joomla?

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)

User avatar
kancaie
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 223
Joined: Fri Aug 10, 2007 10:02 pm

Re: Billede bag ved tekst

Post by kancaie » Sun Jun 15, 2008 12:03 am

Sidder lige og kigger gl. indlæg igennem...

Er der ikke en mod der vil sætte denne til solved ?

/Rex
I never make stupid mistakes. Only very, very clever ones."
"The best way to escape from a problem is to solve it."
Errare humanum est, ignoscere divinum. (To err is human, to forgive is divine)


Locked

Return to “Template, CSS og Design”