- Nom du style : procss3
- Auteur : Steph
- Images : Léa
- Compatibilité : 3.0.13
- Descriptif du Style : Ce style utilise fortement le css3 ce qui le rend personnalisable très simplement au niveau des couleurs et des effets d'ombrages ou d'arrondis par contre il n'est pas valide à la W3C CSS et bien que j'aie essayé de le rendre compatible avec la plus grande majorité des navigateurs IE sera un point noir, car le css est interprété à l'aide de JavaScript ce qui le rend un peu plus lent a réagir.
- Fichier(s) HTML modifié(s) du Style : jumpbox.html, login_body.html, overall_footer.html, overall_header.html, ucp_pm_message_header.html, viewforum_body.html, viewtopic_body.html, viewonline_body.html
- Screens :
- Téléchargement :
Procss3
-
Auteur du sujet - Team Graph
- Messages : 28
- Enregistré le : 24 juillet 2011
Procss3
-
Auteur du sujet - Team Graph
- Messages : 28
- Enregistré le : 24 juillet 2011
Re: Procss3
Modifications à faire manuellement en même temps que la mise à jour vers 3.0.10
Ouvrir : styles\procss3\theme\procss3.css
Supprimer le contenu au complet
Remplacer par :
Ouvrir : styles\procss3\theme\procss3_ie.css
Chercher :
Remplacer par :
-- L'archive du style à été mise à jour "dimanche 8 janvier 2012 à 16:20" et contient cette modification --
Ouvrir : styles\procss3\theme\procss3.css
Supprimer le contenu au complet
Remplacer par :
Code : Tout sélectionner
html, body {
background: -moz-linear-gradient(top, #ffffff 0%, #d5d2d5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d5d2d5)); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#d5d2d5 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#d5d2d5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#d5d2d5 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#d5d2d5 100%); /* W3C */
background-repeat: no-repeat;
}
#contour_exterieur, #contour_interieur {
background-color: #E6E8FF;
margin: 20px 30px;
padding: 20px 0;
border-radius: 20px;
box-shadow: 1px 2px 20px #03011F;
}
#contour_exterieur {
margin: 20px 30px;
padding: 20px 0;
}
#contour_interieur {
border: #999999 solid 2px;
margin: -9px 10px;
}
.headerbar {
background: -moz-linear-gradient(top, #dbdbdb 0%, #888694 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#888694)); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, #dbdbdb 0%,#888694 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, #dbdbdb 0%,#888694 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dbdbdb 0%,#888694 100%); /* IE10+ */
background: linear-gradient(top, #dbdbdb 0%,#888694 100%); /* W3C */
margin-bottom: 20px;
border-radius: 20px;
box-shadow: 0px 3px 20px #333333;
}
.navbar {
border-radius: 8px;
box-shadow: 0px 3px 10px #333333;
margin-bottom: 10px;
}
.rightside {
margin: 5px 0;
}
#navbar_bas {
margin-bottom: 10px;
}
.icon-faq, .icon-members, .icon-register, .icon-logout, .icon-ucp, .icon-mp, .icon-mesmessages, .icon-restauration {
background-position: 2% 50%;
padding-right: 8px;
background-color: #84AED0;
border-radius: 8px;
}
input, select {
border-radius: 6px;
box-shadow: 0px 2px 6px #333333;
}
textarea{
border-radius: 15px;
box-shadow: 0px 2px 8px #333333;
}
.topiclist {
border-radius: 15px;
}
.header {
border-radius: 15px;
box-shadow: 0px 2px 15px #333333;
padding: 7px 0 2px 0;
background-color: #0076b1;
}
.rules {
border-radius: 15px;
box-shadow: 0px 2px 10px #333333;
}
li.row {
border-radius: 15px;
box-shadow: 0px 2px 7px #000000;
background-color: #EEF5F9;
padding: 7px 0;
}
.topiclist dl dt, .icon {
margin-left: 5px;
}
.bg1, .bg2, .bg3 {
border-radius: 15px;
padding: 12px;
margin-bottom: 15px;
}
.bg1 {
box-shadow: 0px 2px 10px #000000;
}
.bg2 {
box-shadow: 0px 2px 10px #005782;
}
.bg3 {
box-shadow: 0px 2px 10px #888888;
}
.panel {
border-radius: 15px;
box-shadow: 0px 2px 10px #0C6794;
margin: 7px 0 15px 0;
}
.signature_1 {
height: 1px;
background-color: #CCCCCC;
margin: 15px 0 -17px 0;
box-shadow: 0px 2px 10px #000000;
}
.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
border-radius: 10px;
box-shadow: 1px 1px 5px #0C6794;
}
dl.codebox, blockquote {
border-radius: 12px;
}
#tabs a {
border: 1px solid #82ADCE;
margin-bottom: -1px;
border-radius: 10px 10px 0 0;
}
dl.pmlist dt {
margin-left: 4px;
}
/* memberlist */
.forumbg-table {
background-color: #0076B1;
padding: 2px 5px 6px 5px;
margin-bottom: 20px;
border-radius: 10px;
box-shadow: 0px 2px 15px #333333;
}
table.table1 thead tr {
height: 30px;
border-radius: 15px;
box-shadow: 0px 2px 8px #333333;
}
table.table1 td {
background-color: #EEF5F9;
border-radius: 15px;
box-shadow: 0px 2px 8px #333333;
}
.pagination_css3 a, .pagination_css3 strong {
border-radius: 8px;
box-shadow: 0px 1px 5px #868686;
}
.button2 {
border-radius: 10px;
box-shadow: 0px 2px 4px #000000;
}
.button2_select, .button2, .button1 {
margin-left: 10px;
}
input.button2, input.button1, a.button2_register {
border-width: 0px;
padding-left: 6px;
padding-right: 6px;
}
input.button2:hover, input.button1:hover, a.button2_register:hover {
border-width: 0px;
color: #FFFFFF;
}
table.table1 .bg1, table.table1 .bg2 {
background-color: transparent;
}
table.table1 .bg1:hover, table.table1 .bg2:hover {
background-color: transparent;
}
.name span {
margin-right: 10px;
}
.forumtitle {
text-shadow: 1px 1px 3px #333333;
}
.topictitle {
text-shadow: 1px 1px 3px #333333;
}
h2 {
text-shadow: 1px 1px 3px #333333;
}
h3 {
text-shadow: 1px 1px 5px #333333;
}
/* liens des menus au survol de la souris */
.linklist a:hover { color: #FFFFFF; }
.linklist_index a:hover { color: #707070; }
/* Revue des topics */
#topicreview .post {
margin: 12px;
}
/* Menu de navigation du profil */
#navigation a {
border-radius: 8px 0 0 8px;
box-shadow: 0px 2px 4px #000000;
}
.cp-mini {
border-radius: 15px;
}
/* Effet de transition sur boutons */
.reply-icon span, .post-icon span, .locked-icon span, .pmreply-icon span , .newpm-icon span, .forwardpm-icon span {
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
-o-transition:all 250ms linear;
}
Chercher :
Code : Tout sélectionner
.signature_1 {
-webkit-box-shadow: #CCCCCC 0px 2px 10px;
-moz-box-shadow: #CCCCCC 0px 2px 10px;
box-shadow: #CCCCCC 0px 2px 10px;
}
Code : Tout sélectionner
.signature_1 {
box-shadow: #CCCCCC 0px 2px 10px;
}
Modifié en dernier par Bot [Styles] le jeu. 3 oct. 2013 06:10, modifié 1 fois.
Raison : Zip mis à jour en 3.0.12
Raison : Zip mis à jour en 3.0.12
-
- Administrateur phpBB Assistance
- Messages : 12216
- Enregistré le : 19 avril 2010
- Hébergeur(s) : monarobase
- Localisation : Alsace (67)
- Contact :
Re: Procss3
Modifications à faire en plus sur le style vers la version 3.0.13
Ouvrir : imageset/imageset.cfg
Chercher :
Remplacer par :
Ouvrir : template/template.cfg
Chercher :
Remplacer par :
Ouvrir : theme/theme.cfg
Chercher :
Remplacer par :
Ouvrir : style.cfg
Chercher :
Remplacer par :
Ouvrir : imageset/imageset.cfg
Chercher :
Code : Tout sélectionner
copyright = procss3 par Steph - phpbb-assistance.com © 2011
Code : Tout sélectionner
copyright = procss3 par Steph - phpbb-assistance.com © 2015
Chercher :
Code : Tout sélectionner
copyright = procss3 par Steph - phpbb-assistance.com © 2011
Code : Tout sélectionner
copyright = procss3 par Steph - phpbb-assistance.com © 2015
Chercher :
Code : Tout sélectionner
copyright = procss3 par Steph - phpbb-assistance.com © 2011
Code : Tout sélectionner
copyright = procss3 par Steph - phpbb-assistance.com © 2015
Chercher :
Code : Tout sélectionner
copyright = procss3 par Steph - phpbb-assistance.com © 2011
Code : Tout sélectionner
copyright = procss3 par Steph - phpbb-assistance.com © 2015