sélecteur de thème

[So99]

Bonjour à l'équipe et aux membres^^

Voilà je vous explique mon petit soucis.

Je pensais mettre en place sur mon forum ce tuto que propose Etana "sélecteur de thème"
=> https://forum.forumactif.com/trucs-et-astuces-f8/selecteur-de-theme-t249726.htm

Mais voilà qu'à l'étape 2 je bloque pour les codes qui sont visiblement "spoilé", j'ai beau cliquer mais rien ne s'ouvre... est ce volontaire ? ou dois obligatoirement passer par la méthode 2 pour réaliser l'étape 2 ? parce que je ni connais rien en CSS

Je tenais à préciser que je ne compte pas utiliser un thème fait par une tiers personne... Mais mes déco que j'ai bidouiller au fur et à mesure de qqls changement^^...

- Pourriez vous me dire comment-je dois mis prendre pour mettre en place ce tuto (cité plus haut) que vous proposez...avec mes thèmes choisis.
- ou s'il existe peut être un autre tuto ou un post que je n'ai pas vu ?

Merci de m'avoir lu

Bien à vous

[Convivialite]

Bonjour

l'hébergeur PMSC;FREE a fermé ,
donc les images ne sont plus disponibles a l'etape 2 c'est la façon de creer une page HTML

Spoiler:

si tu as besoin d'autre chose demande

Amicalement

[So99]

Convivialité bonjour,

déjà merci pour ta réponse, je comprends pourquoi cela ne voulais pas s'ouvrir.

Mais du coup j'ai pas tout suivi si l'hébergeur à fermer cela signifie que l'on ne peut pas créer de sélecteur de thème ? ou j'ai pas compris ? ou alors faut il passer directement à l'étape 3

[Convivialite]

Si tu peux le faire quand même


c'est juste que les images qui sont dans les spoliers ne s'affiche plus car elles n'existe plus

si tu as besoin , n'hésite pas a demander et je te les mettrais ici

surtout prendre son temps et suivre les étapes

les tutos sont entrain d'être refait mais c'est long car il y en a beaucoup

[So99]

ah d'accord se sont en faite des images, ok ok, je pensais que c'était des codes ... bon alors je vais tout reprendre depuis le départ et suivre une étape à la fois... si j'ai un soucis, je viendrai te demander "help"... et si je réussi je viendrai valider ce post comme demandé. Merci Convivialité

[Convivialite]

il y a aussi des codes
donc je te les donnerais si besoin

[So99]

ah ben voilà je bug, j'ai justement pas de code pour cette étape



d'ailleurs une question, étant donné que je souhaite mettre mes déco et pas celle d'une tiers personnes... il faut absolument créer un CSS ?

Oula ca devient compliqué pour ma pauvre tête, j'y suis depuis ce matin ... :no

[Convivialite]

oui , il faudra faire tes feuilles de css toi même

mais ce n'est pas très compliqué
je t'aiderais pour les images et les couleurs

c'est long a faire , mais ça vaut le coup quand c'est fini

surtout ne pas se précipiter

[So99]

ah mince, je redoutais cette étape CSS c'est vraiment du jargon pour moi, mais je suis bonne élève, alors je vais bien lire étape par étape...

Je dois commencer par quoi ?

merci tous pleins en tout cas

Ps : et pas de soucis pour le temps si ce n'est pas aujourd'hui se sera pour demain ou après^^

[Convivialite]

Allez , on commence puisque tu m'as dit que tu étais têtue :lol!:

1erement faire tes feuilles de css
une a chaque thème que tu veux mettre dans le sélecteur


pour faire ta feuille suis les
explications du tuto

tu mets le lien du logo

Code: #i_logo { background-image: url(lien de l'image ); }

si
il y a une image de fond

Code: body { background-image:(lien de l'image ); background-repeat:no-repeat; background-position:  top center; }

le qui est en ligne

Code: #i_whosonline { background-image:  url(lien de l'image ); }

couleur
du fond de page tu change #C5799F par ta couleur

Code: body  { background-color:#C5799F; }

[So99]

oké c'est partie^^

Alors pour couleur du fond de page... c'est le fond de page de l'index du forum que je souhaiterai changer, c'est bien cela le code ci dessus ?

Et pas la couleur du fond de page que je remplacerai par une image via ton code image de fond...

Oui faut être super précis avec moi LOL

enfin je crois que c'est cela que tu me propose... si oui et bien c'est fait^^
j'ai tout enregistré sous bloc note!

[Convivialite]

image du fond de page , c'est quand tu as une image comme sur ton thème Boudda

il te faut aussi la couleur du fond de page , a chaque theme , avec ou sans image de fond

tu la trouve dans gestion des couleurs
couleur du fond de page

[So99]

ok merci c'est chose faite^^

[Convivialite]

tu as donc une url pour chaque feuille de css

maintenant ta page html

Bonjour

l'hébergeur PMSC;FREE a fermé ,
donc les images ne sont plus disponibles a l'etape 2 c'est la façon de creer une page HTML

Spoiler:

si tu as besoin d'autre chose demande

Amicalement

script a mettre dedans

Spoiler:

fais bien attention a ne rien déplacer si tu veux que ça fonctionne

quand c'est fait
tu dis

[So99]

oki c'est fait^^

[Convivialite]

suis le tuto

partie 1

Code:

var type = getCookie('template1');
var temsel = document.getElementById('temsel');
temsel.innerHTML ='<select onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option> Changez votre décor </option><option value="valeur1"> Theme de base</option><option value="valeur2"> Coupe du monde foot </option><option value="valeur3"> Les papillons </option><option value="valeur4"> Les cygnes la nuit</option><option value="valeur5"> Goth noir et bleu</option></select>';

tu change les noms ,se sont ceux de mon selecteur

pas de , ' ; .

[So99]

oki c'est fait

[Convivialite]

partie 2

suis toujours bien le tuto

2 personaliser le script

Code:



if (type == 'valeur1')
{
    document.write('<link rel="stylesheet" type="text/css" href="http://pmsc.free.fr/CSS03/10725142536.css">');
}
else if (type == 'valeur2')
{
    document.write('<link rel="stylesheet" type="text/css" href="http://la-convivialite.forumactif.com/154421-ltr.css">');
}
else if (type == 'valeur3')
{
    document.write('<link rel="stylesheet" type="text/css" href="http://la-convivialite.forumactif.com/154271-ltr.css">');
}
else if (type == 'valeur4')
{
    document.write('<link rel="stylesheet" type="text/css" href="http://la-convivialite.forumactif.com/157044-ltr.css">');
}
else if (type == 'valeur5')
{
    document.write('<link rel="stylesheet" type="text/css" href="http://la-convivialite.forumactif.com/156750-ltr.css">');
}

href="**http://pmsc.free.fr/CSS03/10725142536.css

c'est a cet endroit que tu dois mettre l'adresse de tes CSS

[So99]

heu là par contre je bugue... j'ai juste pas du comprendre une étape... celle d'enregistrer un fichier sous css ? j'ai pas compris là ?

qu'est ce que l'url css ?
ton lien est => http://la-convivialite.forumactif.com/154421-ltr.css
et le mien ben du coup j'ai ajouté .css à la fin de l'adresse
http://ametconscience.forumactif.com/forum.htm?restoration_theme=0.css

heu là j'ai du me planter qql part

[So99]

ou est cela que l'on nomme adresse css :

Code:

image du logo

#i_logo {
background-image:
url(http://i24.servimg.com/u/f24/15/74/55/46/bandea10.jpg );
}

****************************

ps : réédité :

Ok je crois que je viens de comprendre, il faut peut etre héberger chaque feuille de style css sous un hébergeur CSS ????
roalalala, pause café lol

[Convivialite]

:lol!: t'as bien compris

il faut héberger chaque feuille css
et l'hébergeur te donnera un lien
comme ça **http://pmsc.free.fr/CSS03/10725142536.css
que tu mettra dans le script

[So99]

alors là je vais paraitre hyper ridicule, alors que cela doit etre tout bidon...
mais alors comment on fait LOL

j'ai essayé via cet hébergeur ; mais ca me donne ceci





je vois aucune adresse qui ressemble à cela => comme ça **http://pmsc.free.fr/CSS03/10725142536.css


En faite là où je coince cest que je ne comprends pas comment enregistrer un fichier sous .css c'est comme .jep ?

[Convivialite]

essaie le 2eme lien du tuto
car je n'ai pas cherché un autre hebergeur de css depuis que pmsc.free a fermé

fait une recherche sur google

hebergeur de fichier css

[So99]

rolalala jai mal au yeux à force de chercher... je ne sais mm pas ce que je cherche réellement, je comprends pas ce truc de css... alors cest un peu difficile là je bloque sur un truc qui je suis sur et tout bête :no

y'aurai pas un tuto qui explique ce qu'est un css et comment héberger un .css comme un .jep ?

comprends rien

[So99]

Bonjour à l'équipe, Bonjour Convivialité,

bon ben j'ai cherché comme une "dingue" depuis hier et encore ce matin, mais alors je n'ai rien trouvé à part des sites qui proposent un hébergement payant pour la création de css afin de mettre en place son propre site. Mais alors du coup je me demande si cela soi en rapport... si oui ben j'ai pas trop envie de tirer mon porte monnaie qui est en mode anorexie en ce moment... et si non ben alors j'ai vraisemblablement toujours pas compris LOL!

Cela ne serai pas plus simple si une âme charitable pouvait faire de mes feuilles de style css en lien direct .css ? je vais finir par capituler... je bug à cette endroit c'est presque décourageant... de s'arrêter si prêt du but fixer pioouuufff...

Bon je continue encore un peu on sais jamais, je reste optimiste

bien à vous
So

[Convivialite]

Hello

j'ai cherché aussi
et j'en suis au même point que toi

mais ne désespère pas
ça doit bien exister un hébergeur css gratuit

je continue

[Invité]

Bonjour,

Pour héberger vos fichiers CSS il y a Archive-host . Certes cela nécessite un inscription, mais l'offre gratuite est largement suffisante pour héberger des fichiers CSS. Et je peux vous assurer que cela fonctionne très bien puisque j'avais héberger mes fichiers de sélecteur de thèmes chez eux ... Par contre personne ne peux héberger les fichiers à votre place, la personne risquerait de les effacer sans se souvenir que cela est à vous.

Cordialement.

[So99]

Merci Isolde pour ta réponse rapide

Mais voilà le soucis est que je suis inscrite aussi chez eux, mais visiblement j'ai pas du comprendre grand chose parce que j'ai cru comprendre via leur site que pour obtenir ce css c'est aussi payant... en tout les cas je n'ai rien vu ou alors rien compris au cheminement à faire ?

Dans ces cas si je dois le faire, cela ne me pause aucun soucis, je suis prête à prendre le temps qu'il faudra, mais serait-il possible dans c'est cas, de faire une capture écran afin que je puisse voir en image comment je dois faire pour loger mes feuilles de style ? enfin si ma demande est possible par ce que là je suis complètement à l'ouest...

Bien à vous
So

[So99]

Hello

j'ai cherché aussi
et j'en suis au même point que toi

mais ne désespère pas
ça doit bien exister un hébergeur css gratuit

je continue

oup's pardon Convivialité, je suis tellement hs que je n'avais pas vu ton message... oui tu as raison je ne vais pas lâcher si facilement la grappe, et surtout aussi prêt du but final^^

dit par contre une question pendant que j'y songe... mais quand tu as mis en place ton sélecteur de thème, cela à agrandi ton forum ? la largeur des polices ? la taille du forum ? enfin j'espère que cela reste inchangé ?

[Invité]

re,

Vous avez vos fichier prêts et enregistrés sur votre disque dur en .css . Connectez vous au Panel, vous arrivez sur cette page:

Cliquez sur "Mes fichiers". Une fois dans votre répertoire de fichiers, il faut cliquer sur " Ajouter des fichier". Vous n'avez accès qu'à la version Basique ...
Pour chaque fichiers css cliquez sur parcourir, vous pouvez en mettre 10 d'un coup, puis envoyez.
Vous allez avoir un message comme quoi le téléchargement a réussi. Revenez à votre répertoire de base, vous verrez vos fichier ainsi:

Cliquez sur la petite icone, et choisissez Information et code. Celui qu'il vous faut pour le sélecteur de thème est le tout premier.

Si vous avez besoin de plus de précision n'hésitez pas.

Spoiler: