Procss3

[Bot [Styles]]

• 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-3.0.13.zip

  (239.43 Kio) Téléchargé 305 fois

  procss3-3.0.13.zip

  (239.43 Kio) Téléchargé 305 fois

[Bot [Styles]]

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 :

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;
} 

Ouvrir : styles\procss3\theme\procss3_ie.css

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;
} 

Remplacer par :

Code : Tout sélectionner

.signature_1 {
    box-shadow: #CCCCCC 0px 2px 10px;
} 

-- L'archive du style à été mise à jour "dimanche 8 janvier 2012 à 16:20" et contient cette modification --

[Steph]

Modifications à faire en plus sur le style vers la version 3.0.13

Ouvrir : imageset/imageset.cfg

Chercher :

Code : Tout sélectionner

copyright = procss3 par Steph - phpbb-assistance.com © 2011

Remplacer par :

Code : Tout sélectionner

copyright = procss3 par Steph - phpbb-assistance.com © 2015

Ouvrir : template/template.cfg

Chercher :

Code : Tout sélectionner

copyright = procss3 par Steph - phpbb-assistance.com © 2011

Remplacer par :

Code : Tout sélectionner

copyright = procss3 par Steph - phpbb-assistance.com © 2015

Ouvrir : theme/theme.cfg

Chercher :

Code : Tout sélectionner

copyright = procss3 par Steph - phpbb-assistance.com © 2011

Remplacer par :

Code : Tout sélectionner

copyright = procss3 par Steph - phpbb-assistance.com © 2015

Ouvrir : style.cfg

Chercher :

Code : Tout sélectionner

copyright = procss3 par Steph - phpbb-assistance.com © 2011

Remplacer par :

Code : Tout sélectionner

copyright = procss3 par Steph - phpbb-assistance.com © 2015