EDN forum

Documentations et Dossiers » [PBTV5.0] Old Barre BBCode site Tutos/Astuces

Administrateur

rank_admin.png

Avatar

Administrateur
WebDesigner

Inscrit le: 01/08/2009

Message: 8105

Commentaires: 375

Le 19/12/2016 à 13h10
Bonjour à tous,

Comme vous l'avez constatez la barre BBcode pour les envois de messages est faites maintenant avec Font Awesome. Mais tout le monde n'aime pas forcément les design Flats.

C'est pour cela que je vous propose de faire un tour dans la section Des Extras PHPBoost V5.0 ..

- [PBTV5.0] Old Barre BBCode site



Note : Attention cette page est en accès membre seulement.

@imablement Swan.



- Pas de support par Message Privé, merci.
- Mes badges de compétences.
Youtube    

CsN Fronde

rank_0.png

Avatar

Groupe: Membre

Inscrit le: 20/11/2016

Message: 19

Commentaire: 0

Le 19/12/2016 à 16h58
Tout le monde n'aime pas forcément les design Flats.

C'est pas faux !! :rire

... J'ai donc également modifié mes icônes (j'essaie d'améliorer les .svg)
Même démarche et même procècus :
Code CSS :
.bbcode-icon-anchor:before{content:url('bbc/ancre.svg')}
.bbcode-icon-bold:before{content:url('bbc/gras.svg')}
.bbcode-icon-italic:before{content:url('bbc/italic.svg')}
.bbcode-icon-underline:before{content:url('bbc/souligne.svg')}
.bbcode-icon-strike:before{content:url('bbc/barre.svg')}
.bbcode-icon-smileys:before{content:url('bbc/smileys.svg')}
.bbcode-icon-title:before{content:url('bbc/titre.svg')}
.bbcode-icon- ..etc...


Et, le résultat et quasi similaire.


D'ailleurs petit à petit tout les icônes du site passent en svg.


L'erreur est humaine, mais un véritable désastre nécessite un ordinateur.


Site web    

Administrateur

rank_admin.png

Avatar

Administrateur
WebDesigner

Inscrit le: 01/08/2009

Message: 8105

Commentaires: 375

Le 19/12/2016 à 17h44
Bonjour,

Haaa.. c'est franchement pas mal ;) Tu pourrais partager ton pack icon si tu veux bien , bien sûr ^^

Swan.



- Pas de support par Message Privé, merci.
- Mes badges de compétences.
Youtube    

CsN Fronde

rank_0.png

Avatar

Groupe: Membre

Inscrit le: 20/11/2016

Message: 19

Commentaire: 0

Le 20/12/2016 à 05h22
il n'y as pas de soucis pour le partage. ;)
Pour la version finale : suffit d'être un peu patient car il faut encore que je fignole un peu tout ça .
Les images bbcodes ne sont pas toutes exactement à la même tailles et j'ai encore quelques icônes de thèmes a découvrir par-ci par-là.
155 images svg de faites ... et je ne trouve plus de "flat" dans mon thème : mais je fouille encore .
pour les bbcode => du moment :



Pour la modif css le principe reste identique juste modifier le format en .svg
Code CSS :
:before{content:url('bbc/ancre.svg')}

Il y a l'image du background (bleu) bg1.svg
.bbcode { = ligne 7: trouver
Code CSS :
background-color: #EEEEEE;

Remplacer par :
Code CSS :
background:url('adresse_du_dossier/bg1.svg');

et du séparateur : separate.svg.
.bbcode-container:after{ = ligne 30: trouver:
Code CSS :
content: "";

Remplacer par:
Code CSS :
content:url('adresse_du_dossier/separate.svg');


=> adresse_du_dossier : étant l'emplacement que vous avez choisi...

Les couleurs peuvent se modifier facilement avec Inkscape ou Karbon.
- Avantage du .svg - à mes yeux - les dimensions sont inclues avec l'image donc aucune erreur d'analyse.



Edité par Fingolfin Le 20/12/2016 à 05h26


L'erreur est humaine, mais un véritable désastre nécessite un ordinateur.


Site web    
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie

Qui est en ligne ?
Qui est en ligne ?

Qui est en ligne ?

Au total il y a 1 Utilisateur en ligne :: 0 Administrateur, 0 Modérateur, 0 Membre et 1 Visiteur
( basées sur les utilisateurs actifs des 5 dernières minutes )
Utilisateur en ligne: Aucun membre connecté

Membres connectés au cours des dernières 24 heures:

Swan, saturnin, ElenWii, kpi, akon`, lise, bret17, janus57, Olivier, Fingolfin,

Légende

 [ Administrateur(s) ]   [ Modérateur(s) ]   [ Helpers]   [ WebDesigner(s) ]   [ Membres ]