PapyClic - Design

PapyClic - Design

Le nouveau design !
epeire diadem

papyclic !
Je viens hélas me plaindre et déplorer l'ancien system où CSS et dizperso était là dans notre gestion ! Tous les codes étaient là avec les parties auxquelles les codes se rapportent !
Je perds un temps fou pour comprendre et réaliser une page que j'aurais pù faire en 2 heures naguère !

..Ai-je bien compris ? Maintenant il faut faire des "va et viens" entre ton blog et le notre...?!
Mais peut-être que tu as tout prévu ici en seul bloc quelque part (comme avant ...) et qu'on peut le copier ??

Et puis je ne vois pas toutes les parties d'un blog dans ton menu de droite "Rubriques" !!??
Par exemple j'aurais besoin de modifier menu de gauche fond de couleur, police etc...
Et aussi je ne me souviends pas ce que "Contenu article " indique exactement ??
Merci de ta réponse

PS Ou alors peut-être que si je me mets en version 1 , on nous propose l'ancien modèle ?????
epeire diadem

Encore ceci qui devient urgent pour moi :

Lorsque j'aurais changé le fond de couleur de la partie où j'ai collé ces ronds, comment je fais pour récupérer la couleur du fond afin qu'il n'y ait que les ronds qui apparaissent ?
Voir : [lien]
(Pour l'instant c'est noir on dirait et ce code je l'ai dans mon photoshop, mais pour le reste des couleurs ? )


Merci papyclic

0 appréciations
Hors-ligne
Béatrice, essaie peut être de les mettre sur photoFiltre et enregistre en jpeg

67 appréciations
Hors-ligne
Epeire et

Le Dizperso2 se gère à la base dans l'interface en gestion >>> VOTRE BLOG >>> Design du blog avec les outils dans la colonne de gauche, avec le système de choix de palettes.
Donc rien à voir avec Dp1, aucun code à rentrer, tout est automatique et visuel dans l'interface.
Beaucoup l'utilise ainsi.

Quand on veut faire des modifications personnelles, il faut écrire du code, comme dans DP1 en "Modification directe du CSS"
En DP2 c'est dans VOTRE BLOG >>> Design du blog >>>AVANCE >>> CSS personnalisé

L'organisation de ce blog est expliquée en page d'accueil :
ns le menu latéral le bloc "Rubriques" est basé sur les différentes parties d'une page de vos blogs.

Haut de page comprenant le titre du blog et le logo

Menu du haut barre, menu de navigation dans les modules activés ou autres liens.

Menu latéral sur le côté gauche ou à droite

Bas de page contenant les liens utiles dont certains sont obligatoires

Contenu Article partie principale des pages, où vous insérez tout le contenu de votre blog.

[/quote]

Dans les rubriques de ce blog toutes les parties sont traitées, pas encore complètement, mais tu dois pouvoir trouver ce que tu cherches :
- le fond du menu latéral >>> [lien]
- les textes des liens >>> [lien]
- le fond de la partie qui contient les articles >>> [lien]

J'espère que ces explications t'aideront, sinon quand tu auras testé les codes que je préconise, si ça ne fonctionne pas, tu postes à nouveau en me donnant le lien où je peux voir ce qui ne fonctionne pas.

Je dois m'absenter un peu cette aprè-midi, si besoin je répondrai à mon retour.

Bonne pioche.

@joweb54 bonjour


epeire diadem

Merci pour ta suggestion joweb, mais tu veux dire calque ?? Si c'est ça, quelqu'un de plus chevronné que moi m'a dit que ça ne marche pas ! Parcontre de mettre de la couleur dans le blanc , ça marche !

Merci pour toutes ces info papy
Si j'ai pas le choix je m'y collerai !
Mais papyclic voici mon problème ! Même si ça a l'air d'être bien fait et sans mépriser aucunement ce nouveau système, je suis obligée de me ré-initier !! J'ai déjà beaucoup erré...et perdu de temps ! Suis découragée...

Donc tu as l'air de dire que la DP1 existe encore ....? Et si oui, comment je fais pour y retourner stp car j'ai cherché sans trouver..?
Et après j'aviserai avec quoi je vais fonctionner !!
En attendant j'ai été piocher 2 codes( pour le haut de page et contenu article ) mais comme j'ai copié des codes tout faits je les ai collé dans mon CSS pour voir ce que ça donne en sauvegardant sans appliquer !
Je suis pas sûre que j'ai correctement collé en plus.......
Ou je vais maintenant pour voir ce que ça a donné ??
Merci Papy

67 appréciations
Hors-ligne
...
Pourquoi tu n'as pas cliqué sur "Appliquer", tu vois bien le résultat dans l'interface, c'est justement le gros avantage du DP2, on visualise en direct.
Tu ne risques rien avec le CSS, si ça va pas tu changes le code.

Pour le fond du menu latéral, tu as le code dans l'article que je t'ai indiqué.
.fond-cote {
background: #codecouleur;
}

Si ça ne fonctionne pas tu postes, je regarderai.

Pour revenir au DP1, dans la section "AVANCE" de l'interface, tu as un lien "Autres systèmes de design".


epeire diadem

......................ben j'ai peur un max oui Tu as l'air de dire qu'"appliquer" ç'est pour de vrai !
Et si ça va pas, je suis pas encore à l'aise pour changer les codes des couleurs !!!! Je veux pas trop m'éloigner du résultat pour l'instant sinon je vais déprimer
Mais alors à quoi ça sert l'option "sauvegarder" ??

Voilà une capture de ce copier coller ( pour le haut de page et contenu article ) :

Est-il juste ?.. Car des numéros se sont interposés en début de ligne !

D'ailleurs où sont-elles les couleurs stp ??
Je poursuivrai demain ou après demain !
et merci

67 appréciations
Hors-ligne
...

"Appliquer" c'est pour voir le résultat sur le blog, comme l'aperçu en gestion.
Mais si le résultat ne convient pas tu reviens dans l'interface Dizperso, pour modifier, ou tu supprimes les codes, puis en cliquant sur "Appliquer", tout redevient comme avant
Rien de dangereux !!!

Si tu n'essaies pas, tu n'avanceras pas. Dans ce cas il faut rester avec l'automatique et tu essaies toutes les palettes. Tu te décourages avant de commencer.

Les numéros de ligne sont visibles uniquement dans cette zone, c'est très pratique comme repère.

Les couleurs ... c'est comme dans DP1 dans la configuration assistée, il y en avait mais pas dans "Modification directe du CSS"

Regardes dans le menu latéral dans l'onglet "Outils" tu trouveras un "Générateur de couleurs" ou tu cherches sur internet.


epeire diadem

PS : tu as dit : "Pour revenir au DP1, dans la section "AVANCE" de l'interface, tu as un lien "Autres systèmes de design".
....Je ne le vois pas ce lien ?? C'est bien sur ma page d'accueil ?
:b2:

67 appréciations
Hors-ligne
...
dans l'interface DP2



epeire diadem

Bonjour papyclic,

Je vois que tu as "appliqué" pour moi ! Ok Je sais modifier la hauteur de la bannière !
.. pour les couleurs aussi ! Je vais sur le net, là je trouve !

:b2:

...Ce qui me manque c'est la liste de toutes les parties d'une page (c'est pratique pour les termes que j'ai oubliés); dans ta rubrique tout n'y figure pas ! Ou alors ça va viendre encore ?...

67 appréciations
Hors-ligne
Bonjour Epeire,

Il faut suivre mes rubriques qui représentent les différentes parties du blog et lire les articles qui correspondent à ce que tu veux faire.
Si tu ne trouve pas, après avoir bien lu mes articles, tu postes dans le forum "Vos souhaits", soit je n'ai pas encore traité ce que tu demandes, soit je te demanderai d'attendre un article étant en cours. Ou je te donnerai peut-être une solution.

Mais tu n'auras pas de liste de tous les codes de CSS, sur le DP1, la feuille de style était entière et on nous posait toujours les mêmes questions, donc une liste ne sert à rien.




epeire diadem

OK !

Est-ce que je peux élargir mon contenu article ( ma partie violette avec les boutons de blog ) et rétrécir un peu le menu vertical de gauche ??
Car je voudrais si c'est possible... faire une ronde avec mes boutons !!????????????

Merci
epeire diadem

...J'ai peut-être oublié de te mettre le [lien]

67 appréciations
Hors-ligne
Epeire,

Actuellement le menu fait 250px de large et la partie article 667px.
Il n'y a pas grand chose à gagner peut-être 30px à tester, en mettant dans le CSS personnalisé.

aside {
width : 220px;
}

article {
width : 697px;
}


epeire diadem

Ah ok c'est pas grand chose en effet ! Je vais aller voir merci !

Parcontre y a autre chose qui coince; mon texte (voir ma capture)


n'apparait pas de la même façon en ligne[lien] !!??

Comment faire ?

Merci
epeire diadem

ps J'ai encore essayé et cette fois ça a marché ou presque !!
Donc ne tient pas compte de ce dernier poste ! Excuse !!

67 appréciations
Hors-ligne

epeire diadem

Je vois que tu plânes sur nous tel un ange gardien !!

...ben si.. finalement le texte ne veut pas obéir aux alinéas que je lui dicte quand il est en ligne
[lien] !!
Je ne vois pas comment faire !
Merci

67 appréciations
Hors-ligne
...
Désolé mais là je ne peux rien faire, je ne comprends pas ce que tu as voulu faire. Il y a un tableau, plusieurs blocs DIVs, le texte est en "justifié".
Tu as fait du copier/coler ???

Normalement des paragraphes devaient suffire, pourquoi faire compliqué quand on peut faire simple. Je ne comprends pas ce que tu a voulu faire.
epeire diadem

re ...Peut-être devrais-je attendre que tu répondes d'abord à ma question précédente....

J'ai édité un tableau pour placer mes boutons de façon non linéaire ! Pendant que je les places chacun dans
une cellule, le tableau peu à peu perd certaines de ses cellules.... si bien que je ne peux plus continuer mon travail de placement car pfuit ! Voilà un extrait de ce tableau tronqué dans mon espace de gestion :


Tu vois comment faire ??

A bientôt

67 appréciations
Hors-ligne
...
J'ai répondu pour ton texte "Sommaire" c'est là qu'il a un tableau.

Par contre je ne vois pas de tableau avec des images boutons.

Je n'y comprends rien dans ta page d'accueil, dans le code je vois que utilise beaucoup la barre d'espace. Ou tu changes entre temps.
epeire diadem

papy !

Tu dis :" . Il y a un tableau, plusieurs blocs DIVs, le texte est en "justifié".
Tu as fait du copier/coler ??? "
Ben oui j'ai mis le texte dans un tableau, j'ai justifié et au préalable j'ai fait un copier collé !
Pourquoi ces questions ? Y a pas dmal non ?..
Par contre je ne comprends pas ce que ça veut dire " blocs DIVs" ??

Ok j'ai compris je vais enlever ces alinéas !!!

Ensuite, si tu ne vois pas de tableau dans mon espace de gestion c'est parce que je n'ai pas appliqué ! C'est un oubli...mais en même temps, parfois j'applique pas quand je vois que c'est le foutoir !!
Donc j'ai recommencé et enregistré cette fois, et la même chose se passe :
(J'ai édité un tableau pour placer mes boutons de façon non linéaire ! Pendant que je les places chacun dans
une cellule, le tableau peu à peu perd certaines de ses cellules.... si bien que je ne peux plus continuer mon travail de placement car pfuit !)


Merci et à bientôt ( je me doute que tu ne vas t'y coller un dimanche !!)

67 appréciations
Hors-ligne
Epeire,

Le sommaire, ce que tu appelles "Alinéas", tu as fait un tableau avec une seule cellule, donc je ne vois pas l'intérêt de faire un tableau, en plus dans cette cellule ce sont des blocs, le composeur crée des paragraphes, j'en ai déduit que tu avais fait du copier/coller.
C'est certainement pour ces raisons que tu as des difficultés à gérer la présentation.

Pour le tableau avec les boutons, il faut que tes images aient les même dimensions ou il faut déterminer des dimensions fixes aux cellules du tableau, en les mettant selon la plus grande largeur et la plus grande hauteur. Ensuite quand tu insères les images tu les positionnent au centre des cellules.
Essaies d'étudier cette solution.

Bonne soirée


epeire diadem



Mais si j'ai fait un tableau c'est parce que je voulais que le texte apparaisse sur au autre fond !!!
Mais ça c'est plus un problème !

Pour mon tableau, pour l'instant j'abandonne la ronde !!!...( J'y étais presque quand à nouveau un truc s'est mis de travers ! Me suis inspirée de tes conseils qui ont marché en parti !)

Par contre j'ai l'impression qu'en version gratuite je ne peux changer de couleur le menu de gauche ??
Voir ma capture :


Merci Papy

PS J'ai cru comprendre qu'il faudra que moi aussi j'ouvre un nouveau sujet prochainement ( plus simple pour toi ) !?

67 appréciations
Hors-ligne
Epeire,

Quand tu changes de problème, il faut ouvrir un nouveau sujet.
Mais avant regarde dans rubriques >>> Menu latéral
Même en version gratuite tu peux modifier le style de ce menu, en passant par le CSS personnalisé.

Bonne soirée

Répondre
Pseudo :
Adresse e-mail:


Se souvenir de mes infos ( pseudo et e-mail ) :
Cochez la case ci-contre :

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 159 autres membres