transparent menu i Artisteer template

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

Moderator: b-ronnow

Locked
LSc
Joomla! Intern
Joomla! Intern
Posts: 76
Joined: Sun Nov 07, 2010 3:28 pm
Location: Tønder, Denmark

transparent menu i Artisteer template

Post by LSc » Wed Feb 09, 2011 8:10 pm

Hej.
Jen har lavet min template i Artisteer (og forstår nu hvorfor folk siger de er umulige at finde rundt i efterfølgende) og vil gerne lave min menu transparent. Men jeg kan simpelthen ikke finde hvor det skal sættes ind. I Artisteer kan man kun gøre en struktur transparent, ikke en farve. Men det må man vel nok kunne i ren css ikk?

Jeg har undersøgt artisteers eget forum men kunne ingen svar finde der.

Er der nogen her der har erfaringer med det?

:0)
Lisbeth

 
lille-web
Joomla! Guru
Joomla! Guru
Posts: 789
Joined: Tue Jul 04, 2006 4:00 pm
Contact:

Re: transparent menu i Artisteer template

Post by lille-web » Fri Feb 11, 2011 7:47 pm

Kan du ikke lure det i Firebug som jeg kan se at du har fundet?
Morten
Lille-web WEbdesign - Hjemmesider i et stilfuldt webdesign.

LSc
Joomla! Intern
Joomla! Intern
Posts: 76
Joined: Sun Nov 07, 2010 3:28 pm
Location: Tønder, Denmark

Re: transparent menu i Artisteer template

Post by LSc » Fri Feb 11, 2011 8:25 pm

Ja, Firebug er guld værd!
Altså, jeg har snydt lidt. Jeg har lavet en menubar hvor jeg har lagt et hvit gennemsigtigt lag over og når den så er positioneret rigtigt, ja så ser det ud som om den er gennemsigtig.
Så positioneringen har jeg styr på, men css koden for at gøre noget hvidt og alligevel gennemsigtigt kan jeg ikke greje.
:0)
Lisbeth

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: transparent menu i Artisteer template

Post by Gadensgaard » Fri Feb 11, 2011 9:06 pm

Det kan ikke laves native i CSS. Du kan opnå effekten med for eksempel halvtransparente PNG'billeder.

LSc
Joomla! Intern
Joomla! Intern
Posts: 76
Joined: Sun Nov 07, 2010 3:28 pm
Location: Tønder, Denmark

Re: transparent menu i Artisteer template

Post by LSc » Fri Feb 11, 2011 9:37 pm

Mja, det var nok hvad jeg tænkte... men er der ikke noget med transparens i css? Jeg synes da jeg er stødt på det i en eller anden sammenhæng...

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: transparent menu i Artisteer template

Post by Gadensgaard » Sat Feb 12, 2011 8:12 am

Jo det kan godt simuleres, men det kræver et hack med position. Se fx hvordan jeg har lavet det på essfood (punktum) com.

Her har jeg lavet en sort baggrund der er gennemsigtig og placerer så teksten oven på med position.

LSc
Joomla! Intern
Joomla! Intern
Posts: 76
Joined: Sun Nov 07, 2010 3:28 pm
Location: Tønder, Denmark

Re: transparent menu i Artisteer template

Post by LSc » Sat Feb 12, 2011 4:18 pm

Yes, det er lige præcis sådan noget. Det ser super godt ud!
Ok, og nu kan jeg se at det transparente element ligger i html koden.
Det må jeg prøve et lege med. Du kan se min snyde version på tinderbox (punktum?) dk.

Tak for godt tip.
:0)
Lisbeth

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: transparent menu i Artisteer template

Post by Gadensgaard » Sat Feb 12, 2011 4:28 pm

Det camouflerede punktum vare bare for ikke at få linket indekseret herfra siden :). Det tog mig en del tid at få det til at passe med de positions, men jeg synes også at resultatet blev udemærket. Skulle jeg gøre det igen havde jeg nu nok alligevel valgt en halvtransperant PNG, det er vel kun IE6 der ikke forstår det.

God arbejdslyst.

lille-web
Joomla! Guru
Joomla! Guru
Posts: 789
Joined: Tue Jul 04, 2006 4:00 pm
Contact:

Re: transparent menu i Artisteer template

Post by lille-web » Mon Feb 14, 2011 5:09 pm

Jeg kan ikke helt lure om det er det her du mangler / ikke forstår:

Code: Select all

.menu {
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}
Morten
Lille-web WEbdesign - Hjemmesider i et stilfuldt webdesign.

LSc
Joomla! Intern
Joomla! Intern
Posts: 76
Joined: Sun Nov 07, 2010 3:28 pm
Location: Tønder, Denmark

Re: transparent menu i Artisteer template

Post by LSc » Mon Feb 14, 2011 8:15 pm

Ok, dette er komplet ukendte kode for mig. Dem vil jeg lige prøve at lege lidt med....

 

Locked

Return to “Template, CSS og Design”