[SKIN] Forum + Liens !

[Ar-S]

@KCC j'ai édité mon 1er code en ajoutant les pseudo à gauche.

J'ai ajouté une PARTIE 2 pour retrouver les "nouveaux messages" directement à la place "d'Accueil" qui renvoyait sur le site de pb (déjà accessible du logo) via l'addon TamperMonkey.

[case]

il est possible de faire un signet avec le 'active topic' au lieu de la page principale

[Ar-S]

il est possible de faire un signet avec le 'active topic' au lieu de la page principale

Je l'ai ajouté

[Marc56]

Le menu de raccourcis est pas mal mais le lien "accueil" de la navbar ne me plait pas du tout. J'ai décidé de le remplacer par le lien "nouveaux message" que je préfère voir immédiatement. J'ai aussi ajouté les "sujets actifs" à la demande de cage. Pour la suite, libre à vous de faire votre propre script
Pour ce faire, vous devez installer TamperMonkey sur firefox. (Il existe sûrement des équivalents sur les autres navigateurs.)
Si Stylus permet de changer le CSS, TamperMonkey permet de modifier le contenu html en y insérant du javascript.

Parfait: installé sur FireFox et Vivaldi: ça fonctionne.
Bravo et Merci pour ces explications claires et précises

[ChrisR]

Très bien. Merci pour le lien "Sujets Actifs" qui me manquait,
Il est dommage toutefois de devoir passer par une extension pour l'obtenir
Il aurait été bien de l'avoir en natif mais je suppose que Fred veut rester au plus près du standard

[MLD]

Bonjour a tous et merci pour nos yeux.
Chez moi, a l'ouverture de PB, les deux entêtes ne sont pas de la même largeur que la fenêtre ou il y a les rubriques.
Pour les spécialistes! serai t’il possible de remédié a ceci. je suis en 1920x1080
Merci par avance

[Ar-S]

@ChrisR : Je pense que c'est surtout que Fred manque de temps et que le skin du fofo est très loin dans sa liste de ToDo
@MDL : Alors le soucis est que je ne rencontre pas ton problème, même en diminuant la page.
Tu parles de la modif via stylus ? Si oui as tu d'abord mis la Skin adéquat ?

[Marc56]

Oui, à la base l'entête et le pied de page ne sont pas de la même largeur que la zone articles.

Après, il faut analyser le code en affichant les outils de développement avec CTRL + MAJ + i (tous les navigateurs) sélectionner l'icône de curseur (en haut à gauche) et passer sur chaque élément pour identifier la balise.
Une fois que tu as ça, tu édites le code de stylus. (ajouter souvent des balises width:)

Dans FF, tu peux détacher la fenêtre stylus (trainer l'onglet hors de FF) pour voir les modifications en temps réel.

Je ne comprends pas encore tout (le CSS) donc n'ai pas de code à proposer pour l'instant.

C'est vraiment bien ces extensions: merci à tous de nous avoir fait découvrir ça. (bon ça me force à comprendre le CSS, mais ça va servir (déjà pour ne pas rouiller et aussi pour fabriquer des nouveaux neurones ))

[Ar-S]

Nouvelle version du CSS topic 1:
- Amélioration de la lisibilité, notamment pour la page de recherche
- Effet lumineux sur les liens au passage de la souris
- Changement du background autour du site et ombre portée pour une meilleure intégration
- Modification de la signature avec biseaux et centrage des signatures.
- Correction de quelques couleurs

Je suis très satisfait de cette version

[MLD]

Merci a vous.
Ceci m’intéresse je suis l'affaire de près.

[Ar-S]

Dernière petites corrections concernant la zone de notification et le popup de notification.

[Kwai chang caine]

Bonjour KCC,
Regarde 3 messages plus haut, j'ai trouvé un bout de code pour le faire.
Je suis d'accord, c'est pas naturel le pseudo à droite.

Putain CHRISR t'es un génie
C'est top moumoute ton code, je me sent déjà un peu mieux
Mille mercis

[MLD]

Ma petite contribution

Code : Tout sélectionner

.site_logo {
    background-image: url("http://share.ldvmultimedia.com/evzjz43l.png");
    width:149px;
    height:52px;
}

html, body {
    color: #5978C4;
}

.headerbar {
    background-color: #4440B0;
}

/* POPUP RACCOURCIS */
.dropdown .dropdown-contents {
    background: #0b1d3c;
    border-color: #3f4797;
    box-shadow: 1px 3px 5px RGBA(0, 0, 0, 1);
}
.dropdown li.separator, .dropdown li, .dropdown li li{
    border-color: #4348ca;
}


.navbar {
    background-color: #3331AE;
    box-shadow: 0 0 5px 2px #000, inset 0 3px 18px RGBA(100, 100, 100, .25);
}

.forabg, .forumbg {
     margin-bottom: 10px;
    padding: 4px;
    box-shadow: 0 0 3px 1px #312e2e, inset 0 3px 18px RGBA(100, 100, 100, .25);
    clear: both;
    border-radius: 5px;
}


.wrap {
    background-color: #EADBC6;
    border-color: #E6E9ED;
 }
.postprofile a.username{
       color:#d3fffd;
}
.bg1, .bg2 {
    background-color: #4083b5;
    box-shadow: 1px 1px 1px 1px #3764F2, inset 0 0px 1px RGBA(0,0, 0, 1);
    border-radius: 15px 15px 15px 15px;
    margin-bottom:15px;
}  
.bg1 a{
    color:#d3fffd;
}
.row-item a{
    color:#1e56df;
}

/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ Profil e l'auteur ou se trouve l'avatar ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
.postprofile a.username{
   color:#F4FF1C;
}

p.author{
      color:#F4FF1C;
}
   
p.author a.username{
  color:#F4FF1C;
}

p.author time{
      color:#F4FF1C;
}
/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ Signature bas de page ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
.signature {
    border-top-color: #CCCCCC;
    background-color:#96BB85;
    border-radius: 20px 20px 20px 20px;
    text-align:center;
}

.notice {
   font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size:12px;
   color:#F4971A; 
}
.notice a.username {
    color:#F4FF1C;
}

.post:target .content {
    /*color: #D70F0F;*/
     color: #F4FF1C;
}
.content {
    color: #56CEFD;
}
/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ les rubriques ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
a {
    color: #1C7BFF;                                             /*titre acceuil*/
    text-decoration:none;
}

a.topictitle {
     color: #8515C7;
    text-decoration:none;
}

a.username {
     color: #D20E0E;
    text-decoration:none;
}

/* ligne */
li.row {
    background-color: #d0e6f6;
}
li.row:hover {
    background-color: #e3ecf2;
}
ul.topiclist li {
    color: #4E61C6;
}

/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ la boite de code ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
.codebox code{
    color:#2141e3; 
    font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size:15px;
    background-color: #C4AD8E;                                     /*fond code*/
    border-color: #DEE2E8;
}
/*¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
a.forumtitle {
    font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    color:#FF00FF;                                                /*Titre des rubriques*/
text-shadow: -1px 0px 2px #d8efff;
}

a.forumtitle:hover {
    color:#3764f2;
}

a.lastsubject {
     /* color: #416ac4;*/        
    color:#8515C7;                                                  /*Titre des derniers messages */
}

.postprofile strong {
    color: #b5ccff;
}

blockquote {
 background-color:#130077;                                                 /*comme les réponses*/
}
@media (min-width: 701px) {
	
	.post.online {
		background-image: none;
	}

	.post .preonline.online {
		width: 58px;
		height: 58px;
		position: absolute;
		left: 0;
		top: 0;
		-ms-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}	

	.no-avatar .preonline.online {
		position: relative;
		margin: -8px;
	}
		
	.post .postprofile {
		float: left;
		border-width: 0 1px 0 0;
	}
	
	.post .postprofile dd, .post .postprofile dt {
		margin-right: 8px;
		margin-left: 0;
	}

	.has-profile .postbody {
		float: right;
		margin-right: 6px;
	}
	
}

Quelques reflexions aussi:
Ne peut ons pas allez chercher le logoPB sur le site de Fred ?, Car hier je ne sait pourquoi , mais ton site A-rs a été déconnecté, et plus de logo.
Je ne connais rien au BBCode. Ce ne semble pas trés simple.
Je n'arrive pas a changer par code la couleur, de la barre de titre, et celle du dessous. Je voudrais changer la couleur verte du texte de code PB, mais là aussi je sèche un peu.
Les bonnes volontées sont les biens venues.
Merci pour vos contributions

[Marc56]

Ne peut ons pas allez chercher le logoPB sur le site de Fred ?, Car hier je ne sait pourquoi , mais ton site A-rs a été déconnecté, et plus de logo.

Je ne connais rien au BBCode. Ce ne semble pas trés simple.

Je n'arrive pas a changer par code la couleur, de la barre de titre, et celle du dessous. Je voudrais changer la couleur verte du texte de code PB, mais là aussi je sèche un peu.

1. Tu peux mettre n'importe quelle url d'image (même un fichier local) ou même supprimer le logo (mettre en commentaire avec /* */ ou supprimer la section .site_logo
2. Ce n'est pas du BBCode, c'est du CSS (le BBCode ce sont les balises [] dans l'édition de posts)
3. En mode édition dans Stylus (icône crayon), cliques sur le carré de couleur à gauche du code couleur et il affiche un sélecteur de couleurs

[MLD]

Bonjour Marc56
oui c'est CSS code.
Oui le sélecteur de couleur je connais.
Mais il y a certains trucs que je ne pige pas.
Merci