Feuille de style CSS du profil de Wolakota

par
Feuille de style CSS du profil de Wolakota div {
background-color: rgba(153,194,246,0.2);
}

.madiv {
background: transparent;
zoom: 1;
filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#99c2f6,endcolorstr=#99c2f6);
}

#header_holder {
background-color: rgba(153,194,246,0.0);
position: fixed;
width: 980px;
}

#header_menu_page_holder {
position: relative;
z-index: 1000;
padding-top: 55px;
}

#js_is_user_profile .profile_info {
color: rgb(52,66,105);
margin-top: 4px;
}

#header {
position: fixed;
width: 100%;
padding-left: -10px;
background: none;
background-color: #60a2f6;
}

.activity_feed_form {
background: none;
border: 0px;
margin-right: 4px;
}

.activity_feed_form_holder {
background-color: rgba(100, 161, 244, 0.7);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.activity_feed_form input {
background: none repeat scroll 0% 0%;
}

.activity_feed_form textarea {
background: none repeat scroll 0% 0%;
height: 40px;
width: 98%;
color: rgb(52, 66, 105);
}

#input {
font-size: 13px;
padding-left: 6px;
padding-right: 4px;
padding-bottom: 4px;
padding-top: 4px;
border: 0px;
}

textarea {
font-size: 13px;
padding-left: 6px;
padding-right: 4px;
padding-bottom: 4px;
padding-top: 4px;
border: 0px;
}

#input:focus {
border: 0px;
}

textarea:focus {
border: 0px;
}

.activity_feed_content_info {
color: #392e2a;
}

#activity_feed_submit.button {
cursor: pointer;
font-size: 11px;
margin: 0px;
padding: 4px 8px;
vertical-align: middle;
font-weight: bold;
overflow: visible;
color: rgb(181, 208, 238);
background: url('https://www.thechangebook.org/file/pic/photo/03754c82ddf662c53acba8fadd2a12a1_500.png') repeat-x scroll center bottom rgb(102, 102, 102);
border: 1px solid rgb(49, 66, 110);
box-shadow: 2px 2px 2px rgb(207, 207, 207);
}

#left {
float: left;
width: 180px;
margin-top: 10px;
margin-left: 8px;
margin-right: 4px;
background-color: rgba(153,194,246, 0.7);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

#js_is_user_profile .sub_section_menu ul li.active a {
background-color: rgba(97,162,244, 0.9);
}

#holder_notify ul li a.friend_notification {
background: url('https://www.thechangebook.org/file/pic/photo/38851ef55a16eb2a2ba826a210bfa16d_500.jpg') no-repeat 50% 0px;
}

#holder_notify ul li a.message {
background: url('https://www.thechangebook.org/file/pic/photo/c1bfca2c0dc17e54683a76a820a3f64d_500.jpg') no-repeat 50% 0px;
}

#holder_notify ul li a.notification {
background: url('https://www.thechangebook.org/file/pic/photo/c5a8bf06e3cb76086cc479135135285f_500.jpg') no-repeat 50% 0px;
}
Wolakota
Ca n'a rien changé pour la couverture en revanche ça m'a enlevé le fond des blocs qui du coup étaient transparents donc illisibles, alors j'ai remis comme avant...
Dan d'Auge
ca à l'air ok, tu as trouvé la solution ?
Wolakota
Ben j'ai enlevé le code d'Alain qui faisait que la barre de menu n'était plus fixe et ça a gardé la manip mais sans écraser l'image, y a-t-il moyen d'avoir la même chose mais avec la barre de menu fixe ?
Alain♫
Wola, moi j'ai mis ça, mais attention le "fixed ne fonctionne pas alors tu peux suprimer cette ligne.

#js_photo_cover_position {
position: fixed;
width: 100%;
height: 900px;
padding-top: 10px;
margin-top: 80px;

Dan, cette nuit j'essayerai avec ton:
cover_photo_link {
position: relative;
height: 315px;
dis...
Wolakota
j'ai essayé mais du coup la barre de menu n'est plus fixe et ça écrase l'image... Merci malgré tout Alain...
Dan d'Auge
Y a pas des éléments actifs via les fonctions avancées du designer, car telle quelle la feuille css est incomplète
Wolakota
ben oui j'ai fait tout ce que j'ai pu avec la fonction avancée puis par le CSS
Dan d'Auge
Donc il y a forcement des "instructions contradictoires" entre css personnalisé et les fonctions avancées car phpfox génère deux des fichiers custom.css (avec plus de chiffres), si je ne me trompe pas.
Wolakota
ok cela dit est-ce possible par le CSS de laisser la couverture sous la barre de menu et de la rendre à nouveau fixe?
Dan d'Auge
Fixe comme la partie notification ?
Dan d'Auge
Car si c'est ça, il suffit de reprendre l'argument fixe au lieu de relative pour #header_menu_page_holder
Wolakota
En faisant ça je me retrouve avec le même problème, la barre de menu est fixe mais l'image de couverture passe dessous au lieu d'être sous la barre et donc en entier...
Code Captcha
-->
Recharger le code
Saisir le code