SOS-FORUM
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
SOS-FORUM

Derniers sujets

» Silence Inside Me - Ouverture
par Solitude 3/3/2018, 12:36

» ATLANTIC CITY - rpg city
par Solitude 15/3/2017, 10:41

» Bonne Année 2015
par Yoda 5/3/2017, 20:12

» Rio de Janeiro
par Solitude 14/9/2015, 15:34

» Bon Anniversaire Zeco
par Laurent 29/5/2015, 06:29

Le Deal du moment : -45%
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre ...
Voir le deal
339 €

Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

SOS-FORUM » Entraide » Templates & CSS » Archives » Comment placer de ptites images en V3

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

avatar
quierra
(Membre)
http://www.themes-fa.com
Smile Coucou, déjà je tiens à vous dire un grand grand merci !
hé oui ! depuis le temps que je suis inscrite et que je viens fouiner
pour trouver les codes qui m'intéressent...

Sérieux super ce fofo ! je ne poste pour ainsi dire jamais, car tout est clair et qu'il n'y a pas lieux de poser de questions.
Ce forum est devenue ma source de recherche principale,

J'ai passé les deux derniers jours à tenter de faire une version3 unique en son genre !
Mission réussi grâce à beaucoup de codes trouvé ici....

Cependant je ne suis pas parvenue à faire quelques ptites choses.

J'aurai voulu mettre des ptites images à chaque coins de cadre, est-ce possible ?
Je ne parle pas des coins arrondies ! mais d'une images qui passerait derrière le cadre et qui dépasse en haut et à la limite de côté... ouai... je fais vite une capture pour montrer ce que je veux dire car même moi j'ai du mal à me comprendre Comment placer de ptites images en V3 104420

ptit montage vite fait avec topshop de ce que
j'aimerai obtenir

Comment placer de ptites images en V3 Cap-co10 <<--gauche... droite-->> Comment placer de ptites images en V3 Cap-co11

bas, dernière catégorie -->> Comment placer de ptites images en V3 Cap-co12 et bien sur idem pour la droite.

j'ai tenter de tricher en mettant ce code destiné au pied de page :

Code:
#wrap {
background-attachment: [color=black][b]fixed[/b][/color];
background-image: url("[color=blue][b]adresse_url_de_l'image[/b][/color]");
background-repeat: [color=green][b]repeat[/b][/color];
background-position: [color=orange][b]top[/b][/color] [color=red][b]left[/b][/color];
}

mais je n'ai pas trouvé comment placer correctement l'image.... tampi ça m'a fait un pied de page Very Happy

Je ne sais pas si je dois mettre ou non le lien du fofo test...

Bref au pire supprimer le lien

http://theme-forum-v3.forumactif.org/forum.htm

Merci pour d'éventuelles réponses et un grand bravo pour tous ces codes et astuces très utiles et très bien expliqué.

Quierra.

Edit : J'ai oublié la moitié !

Es-il possible de faire un hover sur les boutons de navigation ? je parle de ceux déjà présent.... pas de couleur de fond, mais un autre bouton à placer en hover.

Et aussi, je me rends compte que depuis que j'ai mis une image et un hover sur le fond des posts, le bouton en ligne n'apparait plus ! pourtant il est bien présent sur mon tableau image... est-ce du aux fonds que j'ai rajouté ?
Si oui comment régler ce problème, faut dire que c'est un thème destiné à hitskin et le libre service, il donc faut donc que le tout soit fonctionnel.

Voilà je stoppe là... milles excuses pour les questions en plus.

avatar
quierra
(Membre)
http://www.themes-fa.com
Smile coucou, pas de réponse...

Il me faut cependant résoudre le problème du bouton "en ligne" qui ne s'affiche plus, je suis bloqué là et je ne peux poster ce thème en libre service
J'ai tester en retirant les images de fond, et là bien sur le bouton réapparait, mais le résultat étant tellement mieux avec ça m'embête vraiment d'être obligé de les supprimer.
Suis certaine qu'il y a une solution à ce problème.

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Hello...
quierra a écrit:J'aurai voulu mettre des ptites images à chaque coins de cadre, est-ce possible ?
Je ne parle pas des coins arrondies ! mais d'une images qui passerait derrière le cadre et qui dépasse en haut et à la limite de côté... ouai... je fais vite une capture pour montrer ce que je veux dire car même moi j'ai du mal à me comprendre Comment placer de ptites images en V3 104420
C'est malheureusement impossible. Tu peux mettre une image de fond dans un coin, voire deux si la largeur est fixe, mais sinon c'est impossible, désolé.

quierra a écrit:Es-il possible de faire un hover sur les boutons de navigation ? je parle de ceux déjà présent.... pas de couleur de fond, mais un autre bouton à placer en hover.
Ce n'est pas possible de placer un autre bouton pour le hover dans ce genre de situation. A la rigeuru, tu peux te débrouiller pour mettre une image de fond, mais ça serait la même derrière chaque bouton.

quierra a écrit:Et aussi, je me rends compte que depuis que j'ai mis une image et un hover sur le fond des posts, le bouton en ligne n'apparait plus ! pourtant il est bien présent sur mon tableau image... est-ce du aux fonds que j'ai rajouté ?
Si oui comment régler ce problème, faut dire que c'est un thème destiné à hitskin et le libre service, il donc faut donc que le tout soit fonctionnel.
Je peux voir le code que tu as mis ?

avatar
quierra
(Membre)
http://www.themes-fa.com
coucou merci de ta réponse, c'est bien dommage qu'on ne puisse pas... je vais donc arrêter de trifouiller le css pour ça Very Happy

je te donne donc le code au complet de mes modifications css :

Code:
 

body
{ background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: top center;
}
.headerbar {
 background-color: #;
 background-image: url('http://2img.net/i/fa/empty.gif');
 margin-bottom: 0px;
 padding: 0pt 0px;
 background-repeat: repeat-x;
 }
#wrap {
background-attachment: scroll;
background-image: url("[url=http://i84.servimg.com/u/f84/13/64/43/70/tes111.jpg]http://i84.servimg.com/u/f84/13/64/43/70/tes111.jpg[/url]");
background-repeat: no-repeat;
background-position: bottom center;
}
ul.topiclist:hover {
background-image: url("[url=http://i84.servimg.com/u/f84/13/64/43/70/b1sv3r11.png]http://i84.servimg.com/u/f84/13/64/43/70/b1sv3r11.png[/url]");
background-repeat: no-repeat;
background-position: top left;
}
ul.forums {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/tes112.jpg');
background-repeat: repeat;
background-position: top left;
}
.topiclist .row1 {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/tes112.jpg');
background-repeat: repeat;
background-position: top left;
}
.topiclist .row2 {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/tes211.jpg');
background-repeat: repeat;
background-position: top left;
}
.topiclist .row1:hover { background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/tes211.jpg'); }
.topiclist .row2:hover { background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/tes112.jpg');
}
.post {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/rtes112.png');
background-repeat: repeat-y;
background-position:  top-left;
}
.post:hover {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/rtes211.png');
background-repeat: repeat-y;
background-position: top left;
}

je viens aussi de tester en mettant le "en ligne" par ce code :

Code:
#wrap div.postbody .online {
background-image: url("[url=http://i84.servimg.com/u/f84/13/64/43/70/en-lig11.png]http://i84.servimg.com/u/f84/13/64/43/70/en-lig11.png[/url]");
 }

suis même pas sur que ça corresponde avec le "en ligne" mais bon faut bien tester !

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Hum, je n'en suis pas sûr, maiss essaye de remplacer ceci :
Code:
.post {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/rtes112.png');
background-repeat: repeat-y;
background-position:  top-left;
}
.post:hover {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/rtes211.png');
background-repeat: repeat-y;
background-position: top left;
}

Par ceci :
Code:
.post .row1,.post .row2  {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/rtes112.png');
background-repeat: repeat-y;
background-position:  top-left;
}
.post .row1:hover,.post .row2:hover {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/rtes211.png');
background-repeat: repeat-y;
background-position: top left;
}

avatar
quierra
(Membre)
http://www.themes-fa.com
Comment placer de ptites images en V3 104420 ben non ! marche pas ! le en ligne réaparait mais plus d'images de fond malheureusement.

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Ah, pas sûr qu'il y aie une solution, on peut essayer ceci :
Code:
.row1,.row2  {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/rtes112.png');
background-repeat: repeat-y;
background-position:  top-left;
}
.row1:hover,.row2:hover {
background-image: url('http://i84.servimg.com/u/f84/13/64/23/61/rtes211.png');
background-repeat: repeat-y;
background-position: top left;
}

avatar
quierra
(Membre)
http://www.themes-fa.com
merci pour la peine que tu te donnes mais malheureusement non, marche pas !
Enfin les images s'affichent avec ton code mais c'est le "en ligne" qu'a de nouveau disparue !

Bizarre tout de même car c'est le seul qui pose problème.

Zeco
Zeco
Administrateur absent
http://digs.forumactif.com/forum
Ben effectivement, ça ne l'était pas au tout début, mais apparement, l'image se trouve derrière, donc pas possible de la laisser dessus, désolé.

avatar
quierra
(Membre)
http://www.themes-fa.com
coucou, juste pour te dire qu'en fait j'ai posté tel quel et précisé le problème dans la description, et surtout bien indiqué l'emplacement des codes à supprimer dans le css, comme ça je laisse le choix à celui qui prend de garder ou supprimer les codes pour les fonds

Mais c'est bien dommage comme même ! enfin on connait maintenant le problème donc faudra faire sans fond de préférence.

Merci comme même pour toute la peine que tu t'es donné

Contenu sponsorisé

Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 1]

SOS-FORUM » Entraide » Templates & CSS » Archives » Comment placer de ptites images en V3

Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

 
  •  

Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit

Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser