Un très bon mémo pour faire des jolies mises en page responsive !
Mes modifications sauvages du thème phpbb prolight pour https://www.archi-cadlink.fr :
prolight.css:
[...]
.site_logo {
[...]
width: 194px;
}
[...]
common.css:
[...]
.site_logo {
[...]
width: 388px;
}
[...]
/ModSP
---------------------------------------------------------- /
/*TopicSolved
- couleur de l'icone
- emphase du sujet résolu
- désactiver l'icone sur le premier message*/
.post.solving_answer {
background-color: #dfefdf;
border: green dashed 5px;
}
a.button[href*="topicsolved"] {
border-color:green;
}
a.button[href*="topicsolved"]:hover {
background-color: #ded;
}
.button .icon.fa-check {
color: green;
}
.page-body > div:nth-of-type(2) a.button[href*="topicsolved"] {
display: none;
}
/*Code
- réglage de la taille des tabulations comme dans Archicad*/
.codebox pre code {
tab-size:4;
-moz-tab-size: 4;
-o-tab-size: 4;
}
Modification JS – styles/prosilver/template/forum_fn.js – ligne 920
$('div:has("span:contains(RÉSOLU)")').addClass('solving_answer');Eeeeeerk ! Quelle horreur !
Un bout de javascript pour afficher des moucherons et des araignées en surimpression d'une page web .
Un site regroupant des snippets CSS3 / JQuery sous license CC.
autre exemple :
http://www.wifeo.com/code/18-css-hover-information.html
petit snippet pour lecretdefile ...
bien pratique le moteur HTML/CSS/JS ...
Pleins d'animations de boutons CSS3 ...
Effet css pour galerie photos: zoom avec "rebond".
tuto sur les transitions en css, avec notamment cet exemple à adapter pour la galerie du crêt défile ...
http://www.alsacreations.com/xmedia/tuto/exemples/transitions/menu2.html