Menus transparents
Visiteur
Boosteur Inactif
Je voudrais faire des menus blancs transparents, exactement comme dans Universal PBT.
J'ai déjà essayé en faisant une image transparente avec GIMP, pas marché.
J'ai exploré le design.css de Universal PBT, rien trouvé.
Donc voilà : à l'aide
Édité par Visiteur Le 18/10/2010 à 20h18
Visiteur
Boosteur Inactif
Pour ce thème j'ai jouer avec plusieur images qui se trouvent dans le dossier "theme/images". elle sont ensuite défini dans un style ou un tpl ^^
Si tu es à l'aise avec GIMP tu peux aussi le faire sous Photoshop ou PhotoImpact ( même d'autres logiciels).
- Pour faire une transparence sous photoshop/ ou gimp:
- Ouvrir un nouveau document avec contenu de l'arrière plan transparent en 100x100 ( pour base, le mien est de 5x5px),
- Ensuite "Outil rectangle", réglage: Mode normal, Opacité à 45%, Lissage coché.
Sous GIMP l'opacité se règle au dessus des calques.
@imablement Swan.
Visiteur
Boosteur Inactif
J'ai justement fais une image transparente pour le contentbg.png, et j'ai changé le repeat-x en repeat.
Et ça me fait quand même un fond blanc ...
EDIT : Ah mais NON ! J'ai trouvé ! C'est tout bête en fait : j'avais juste pas pensé à enlever la couleur de fond ! -_-' Donc évidemment mon image transparente s'affichait au dessus de la couleur de fond...
Avant :
Code CSS :
background:#F7F8F5 url(images/contentbg.png) repeat;
Après :
Code CSS :
background:url(images/contentbg.png) repeat;
Édité par Visiteur Le 19/10/2010 à 18h49
Visiteur
Boosteur Inactif
Quand on cherche, on trouve
Sujet Réglé alors ?@imablement swan.
Visiteur
Boosteur Inactif
Mais bon pour pas créer 300 topics, je pose une 2ème question ici :
Comment change-t-on la couleur de bordure des menus ?
Celle-là :
Visiteur
Boosteur Inactif
Alors pour régler ces bordures, de mémoire je te dirais d'aller dans le content.css vers les lignes 600 et de modifier les borders des mini-modules^^
Code CSS :
border:1px solid #000000;
Ensuite cela dépends du module ou tu te trouve ...
@imablement Swan.
Édité par Visiteur Le 20/10/2010 à 15h06
Visiteur
Boosteur Inactif
J'avance dans ma quête de la compréhension ! ^^
Pour le contenu central, c'est dans design.css, et les menus latéraux, c'est content.css !
C'est bien de comprendre. Merci ^^
Donc si pour la bordure il faut mettre une couleur en hexadécimal, on peut pas faire des bordures transparentes ?
... Eh, mais ? Tu as mis un effet d'ombre, toi, dans Universal PBT !
Allez une dernière question :
L'arrondi créé automatiquement par le navigateur est assez pas beau :

(ici la bordure est de 3px mais avec 2 et 1px ça le fait aussi)
Y a-t-il un moyen de remédier à ça ?
Édité par Visiteur Le 20/10/2010 à 19h30
Visiteur
Boosteur Inactif
Les effets d'ombre sont sur les images.. Rends toi dans le dossier "theme/images" et tu les verras ^^
Si elles ne te conviennent pas, il te faudra les refaire.
Édité par Visiteur Le 21/10/2010 à 15h33
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie