2 avril 2007
1
02
/04
/avril
/2007
23:52
Pour Céline :
Schéma d'aide expliquant la procédure de création d'un album photo.
http://www.bwoup.com/taf/ob/divers/admin_schema_aidecreaalbum.jpg
Published by Morgan
-
dans
Maquette graphique
25 mars 2007
7
25
/03
/mars
/2007
17:32
Commit #3912.
Il s'agissait de faire des retouches graphiques pour améliorer le contraste, la lisibilité, voir l'existance de certains éléments sur des écrans LCD mal (pas) calibrés.
En vrac modifiés :
- boite login header
- boutons voir mon blog / déco
- navbar d'admin
- search result bar
- pagination
- titres de home (actualite, communautes, annuaire)
- titres de box de contenu (possibilité d'utiliser uniquement ctn_home_fulllargebox_title.gif à la place de ctn_home_z_box_title.gif et ctn_home_z_largebox_title.gif dans des classes de titres de largeur moindre)
- dégradé de fond de box de contenu
A modifier par vos soins dans les css (dont je ne sais dans quelle mesure ils ont été modifiés) :
- .admin_ctn_articlelist_item2 [ob-ctn_admin] :
Changer background-color: #FAF9F5; en #F5F3EB;
- ctn_home_f_subtitle [ob-ctn_home.css], ctn_home_z_largebox_col3_subtitle [ob-ctn_home.css], ctn_home_z_largebox_subtitle [ob-ctn_home.css], ctn_home_fulllargebox_subtitle [ob-ctn_home.css], ctn_z_colleft_box_subtitle [ob.css] :
Changer background-color: #F5F3EB; en #ECE8D7;
A modifier par vos soins dans le code html :
- sur la home, les titres de parties (actualité, communautés, annuaire), il fallait enlever les coins arrondis. Rien de plus facile, il suffit d'enlever les divs suivants :<div class="ctn_desc_title_left"><div class="ctn_desc_title_right"> </div></div>
exemple en bas de page : http://www.bwoup.com/taf/ob/maquette_graphique/index.html
Published by Morgan
-
dans
Maquette graphique
7 mars 2007
3
07
/03
/mars
/2007
01:22
Demande de Yann :
http://www.bwoup.com/taf/ob/maquette_graphique/contact-popup_confirmed.html
(3 nouvelles classes, 1 nouvelle image).
Published by Morgan
-
dans
Maquette graphique
27 février 2007
2
27
/02
/février
/2007
03:23
Page publique de profil :
http://bwoup.com/taf/ob/maquette_graphique/profil2.html
On réutilise plein d'éléments déjà existants pour garder la modularité.
Bloc de sélection des fichiers css souhaités :
http://bwoup.com/taf/ob/maquette_graphique/myob-css.html
A découper pour intégrer dans une pleine page ou dans une popup.
Pictos d'état de vidéo uploadée :
http://bwoup.com/taf/ob/maquette_graphique/gfx/p_videoerreur.gif
http://bwoup.com/taf/ob/maquette_graphique/gfx/p_videoencoursdetraitement.gif
Published by Morgan
-
dans
Maquette graphique
2 février 2007
5
02
/02
/février
/2007
23:23
- La page de login rebricolée :
http://www.bwoup.com/taf/ob/maquette_graphique/loginplease_2colonnes.html
nouvelles classes ajoutées dans ob-zonepromo.css (fin de fichier, après /* - POUR NOUVELLE PAGE DE LOGIN - */)
- Les icones pour mettre à côté du login en haut de page :
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/p_login_closed.gif
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/p_login_closed-masked.gif
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/p_login_open.gif
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/p_login_open-masked.gif
- Etiquette à la 'RSS' :
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/overblog_sticker.gif
Published by Morgan
-
dans
Maquette graphique
19 janvier 2007
5
19
/01
/janvier
/2007
05:07
Pour Xabi :
Images pour sélection du placement d'une photo illustrant un article.
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_design_imagearticleposition-default.gif
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_design_imagearticleposition-centertop.gif
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_design_imagearticleposition-left.gif
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_design_imagearticleposition-right.gif
Pour Hadrien :
Pages d'erreur 404 et 505.
http://www.bwoup.com/taf/ob/maquette_graphique/404.html
http://www.bwoup.com/taf/ob/maquette_graphique/505.html
Published by Morgan
-
dans
Maquette graphique
18 janvier 2007
4
18
/01
/janvier
/2007
04:54
Pour Hadrien :
- Loupe pour liste designs de blogs :
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_designloupe.png
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_designloupe.gif
- Illustrationnettes d'aide d'admin en mode 'locké':
au format admin_help_schemas_*-locked.jpg
ARCHIVE :
http://www.bwoup.com/taf/ob/maquette_graphique/gfx/admin_help_schemas-locked.zip
Published by Morgan
-
dans
Maquette graphique
11 janvier 2007
4
11
/01
/janvier
/2007
00:10
Pour Hadrien :
Alors, j'ai étudié le problème.
http://www.bwoup.com/taf/ob/maquette_graphique/myob-configurer_accueil.html
J'ai revu mes classes, tu pourras regarder l'exemple ci-dessus pour voir comment ça se passe.
En gros, pour l'effet hover tu ajoutes juste "-hover" au nom de la classe du conteneur de l'item (j'ai passé les left et right en transparent pour n'avoir à changer qu'une classe) :
admin_rubnav_item -> admin_rubnav_item-hover
admin_rubnav_impitem -> admin_rubnav_impitem-hover
J'ai donc retouché un peu aux classes pour que celà fonctionne ainsi.
.admin_rubnav_item {
float: left;
height: 30px;
background-image: url(gfx/admin_rubnav_item_mid.gif);
background-position: top right;
background-repeat: repeat-x;
}
.admin_rubnav_item-hover {
float: left;
height: 30px;
background-image: url(gfx/admin_rubnav_item_mid-hover.gif);
background-position: top right;
background-repeat: repeat-x;
}
.admin_rubnav_item_mid {
float: left;
padding: 5px 5px 0 5px;
height: 25px;
font-size: 14px;
}
.admin_rubnav_item_select {
float: left;
height: 30px;
background-image: url(gfx/admin_rubnav_item_select_mid.gif);
background-position: top right;
background-repeat: repeat-x;
background-color: #FFCE7F;
}
.admin_rubnav_item_select_mid {
float: left;
padding: 5px 5px 0 5px;
height: 25px;
font-weight: bold;
font-size: 14px;
}
.admin_rubnav_impitem {
float: left;
height: 30px;
background-image: url(gfx/admin_rubnav_impitem_mid.gif);
background-position: top right;
background-repeat: repeat-x;
}
.admin_rubnav_impitem-hover {
float: left;
height: 30px;
background-image: url(gfx/admin_rubnav_impitem_mid-hover.gif);
background-position: top right;
background-repeat: repeat-x;
}
.admin_rubnav_impitem_mid {
float: left;
padding: 5px 5px 0 5px;
height: 25px;
font-size: 14px;
}
.admin_rubnav_impitem_select {
float: left;
height: 30px;
background-image: url(gfx/admin_rubnav_impitem_select_mid.gif);
background-position: top right;
background-repeat: repeat-x;
background-color: #FEDCCB;
}
.admin_rubnav_impitem_select_mid {
float: left;
padding: 5px 5px 0 5px;
height: 25px;
font-size: 14px;
font-weight: bold;
}
Je sais, ça ressemble pas à ce que tu voulais faire niveau dev, mais tous les autres tabs sont conçus comme ça, j'aurais du faire la modif bien avant en fait, désolé.
Néanmoins, au niveau algorithmique, ça reste la même chose, tu rajoutes un bout de string dans le champ class="" :)
Published by Morgan
-
dans
Maquette graphique
9 janvier 2007
2
09
/01
/janvier
/2007
06:28
La continuation du post précédent.
http://www.bwoup.com/taf/ob/maquette_graphique/myob-configurer_accueil.html
---
Au niveau des classes dans ob-ctn_admin.css :
.admin_help_ctn_z_promolargebox_mid_content_mid_li-clear {
clear: both;
}
est là juste pour permettre un retour à la ligne propre, principalement utilisé dans la page de la maquette, mais probablement jamais en situation, facultatif donc.
---
.admin_help_dontshowmessage {
clear: both;
float: left;
margin-top: 20px;
color: #928E81;
}
.admin_help_dontshowmessage .admin_ctn_defaultbtn_action_container { margin: 0; }
.admin_help_dontshowmessage .admin_ctn_defaultbtn_action_container-hover { margin: 0; }
.admin_help_dontshowmessage label {
float: left;
}
Ces dernières classes concernent l'affichage du message/form de préférence d'affichage ou non du "message d'information" qu'est ce tab d'info; tel que je l'ai maquetté. Pour les devs donc à intégrer ou pas en dur directement dans la page... ou pas du tout...
Published by Morgan
-
dans
Maquette graphique
8 janvier 2007
1
08
/01
/janvier
/2007
05:42
http://bwoup.com/taf/ob/maquette_graphique/myob-configurer_accueil.html
Voici la maquette de présentation de l'aide en page d'accueil de rubrique d'admin Publier, Fichiers et Configurer. Comme vous pouvez le constater sur la maquette, on peut afficher 6 explications par ligne; ça devrait être suffisant.
Il y a de nouvelles classes en 'presque-fin' de fichier
http://bwoup.com/taf/ob/maquette_graphique/ob-ctn_admin.css :
.admin_help_ctn_z_promofullbox_top
.admin_help_ctn_z_promofullbox_mid
.admin_help_ctn_z_promolargebox_mid_content_mid_ul
.admin_help_ctn_z_promolargebox_mid_content_mid_li
.admin_help_ctn_z_promolargebox_mid_content_mid_li-vsep
.titleH2
.titleH2 a
.admin_help_ctn_z_promolargebox_mid_content_mid_li em
Si le principe est ok, je fais les autres petites illustrations explicatives pour Publier et Fichiers !
Published by Morgan
-
dans
Maquette graphique