CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:  Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
|  Invité Invité
 | Bonjour à toutes et à tous, Tout d `abord un grand merci et félicitation pour tout ce que vous faites. Aidez les autres comme ça, je trouve ça remarquable. Je suis à la recherche d'UNE PERSONNE Qui pourrait m'aider à Déchiffrer le code CSS d'un blog. Je m'explique ma fiancée et moi allons nous marier, et nous avons eu l'idée de faire un blog sur blog.marions site le-les.com L'administrateur du site, nous proposer des graphismes Plusieurs différents. Peut modificateur privée sur les pages. Peut aussi sur css Le modificateur de fichier. Ou j'ai beau modifié des choses, ça ne fonctionne pas ... Je vous copie l'Intégralité du modificateur de code Qu'on peut. Si quelqu'un Peut voler à mon secours et m'expliquer à quoi correspond quoi Dans un temps premier ministre. Je vous en serais entièrement RECONNAISSANT. Dans un second temps, si je n'arrive toujours pas à faire ce que je veux, je crierais au secours ... ;-) Voici le fichier css Qu'on Peut modifier: - Spoiler:
- Code:
-
/ *
=============================
Design: PASSION
=============================
* /
/ * ###########################
# CORPS
########################### * /
/ * Propriétés communes à toutes les pages * /
# bodySquelette, bodyIntro #, bodyPage #, # # # corps cadreContent modifiable, zoneDragAndDrop # # pageToEdit {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
}
/ * Squelette du corps * /
# bodySquelette, bodyIntro # {
font-family: Arial, Helvetica, sans-serif;
background-color: # F37FCA;
text-align: center;
margin-top: 3px;
}
/ * Corps d'une page * /
# bodyPage {
}
/ * Zone quadrillée en mode édition du squelette * /
# # # cadreContent corps pagesquelette # modifiable {
border: 30px solid # F37FCA;
text-align: left;
width: 727px;
background: # FFF;
height: 1000px;
}
/ * Zone quadrillée en mode édition de intro * /
# # # cadreContent corps pageintro # modifiable {
border: 30px solid # F37FCA;
text-align: center;
width: 727px;
background: # FFF;
height: 550px;
}
/ * Zone quadrillée en mode édition d'une page * /
zoneDragAndDrop # # pageToEdit {
width: 726px;
}
/ * ###########################
# EDIT SQUELETTE
########################### * /
/ * L'image en haut à gauche * /
# # # corps cadreContent modifiable imgTopRight # {
display: block;
height: 204px;
width: 100%;
padding: 0px;
text-align: right;
overflow: hidden;
}
/ * L'image en haut à gauche * /
# # # corps cadreContent modifiable # imgTopLeft {
display: block;
height: 150px;
width: 198px;
margin: 0;
margin-top:-172px;
margin-bottom: 121px;
margin-left: 38px;
padding: 0px;
text-align: left;
overflow: hidden;
}
/ * Cadre de texte en haut à droite * /
# # # corps cadreContent modifiable cadreTop # {
display: block;
height: 105px;
width: 370px;
font-size: 20px;
letter-spacing: 2px;
margin-top:-193px;
margin-left: 335px;
padding: 0px;
overflow: hidden;
}
/ * Bloc contenant la liste des pages * /
# # # corps cadreContent modifiable pagesEtMenus #
{
width: 100%;
height: 51px;
margin-top: 5px;
text-align: center;
border-top: 5px solid # b80316;
border-bottom: 1px solid # b80316;
background: url ( '. / imagesGraphisme / gr_passion_squelette_menu.gif') no-repeat top left;
}
/ * Iframe contenant la page à afficher * /
# # # corps cadreContent modifiable iframe # {
width: 727px;
text-align: left;
background: # FFF;
height: 550px;
}
# # # corps cadreContent modifiable # iframe iframe {
border: none;
width: 100%;
height: 100%;
}
/ * Image à gauche * /
# # # corps cadreContent modifiable # imgBottom {
display: block;
float: left;
height: 196px;
width: 100%;
padding: 0px;
overflow: hidden;
}
/ * Cadre de mise en page pour Mettre le pied de page tout en bas * /
# # # corps cadreContent modifiable Alignement # {
clear: both;
}
/ * Lien pub en bas de page * /
# # # corps cadreContent modifiable # footer {
color: # FFF,
text-align: center;
font-size: 14px;
letter-spacing: 1px;
background-color: # F37FCA;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
CLEAR: both;
}
# # corps cadreContent modifiable # # footer a {
color: # FFF,
text-decoration: none;
}
# # corps cadreContent modifiable # # footer a: hover {
text-decoration: underline;
}
/ * Ne pas Affiche Le pied de page en mode édition de squelette * /
# # # corps cadreContent modifiable # footer {
display: none;
}
/ * ###########################
# SQUELETTE
########################### * /
/ * CadreContent * /
bodySquelette # # cadreContent {
background: # FFF;
min-height: 600px;
_height: 600px;
margin: auto;
margin-top: 10px;
border: 5px solid # b80316;
text-align: left;
width: 727px;
}
/ * L'image en haut à gauche * /
# # bodySquelette cadreContent imgTopRight # {
display: block;
height: 204px;
width: 100%;
padding: 0px;
text-align: right;
overflow: hidden;
}
/ * L'image en haut à gauche * /
cadreContent bodySquelette # # # imgTopLeft {
display: block;
height: 140px;
width: 198px;
margin-top:-172px;
margin-bottom: 122px;
margin-left: 38px;
padding: 0px;
overflow: hidden;
}
/ * Cadre de texte en haut à droite * /
# # bodySquelette cadreContent cadreTop # {
display: block;
height: 105px;
width: 370px;
font-size: 20px;
letter-spacing: 2px;
margin-top:-193px;
margin-left: 335px;
padding: 0px;
overflow: hidden;
}
/ * Bloc contenant la liste des pages * /
cadreContent bodySquelette # # # pagesEtMenus
{
clear: both;
margin-top: 5px;
width: 100%;
height: 51px;
text-align: center;
border-top: 5px solid # b80316;
border-bottom: 1px solid # b80316;
background: url ( '. / imagesGraphisme / gr_passion_squelette_menu.gif') no-repeat top left;
}
/ * Iframe contenant la page à afficher * /
# # bodySquelette cadreContent iframe # {
width: 727px;
text-align: left;
background: # FFF;
position: relative;
overflow: auto;
}
# # # cadreContent bodySquelette iframe iframe {
border: none;
width: 100%;
height: 100%;
}
/ * Image à gauche * /
cadreContent bodySquelette # # # imgBottom {
display: block;
float: left;
height: 196px;
width: 100%;
padding: 0px;
overflow: hidden;
}
/ * Cadre de mise en page pour Mettre le pied de page tout en bas * /
# # bodySquelette cadreContent Alignement # {
clear: both;
}
/ * Lien pub en bas de page * /
# footer bodySquelette # {
color: # FFF,
text-align: center;
font-size: 14px;
letter-spacing: 1px;
background-color: # F37FCA;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
clear: both;
}
# # bodySquelette footer a {
color: # FFF,
text-decoration: none;
}
# # bodySquelette footer a: hover {
text-decoration: underline;
}
/ * Ne pas Affiche Le pied de page en mode édition de squelette * /
Body # # footer {
display: none;
}
/ * ###########################
# Intro EDIT
########################### * /
/ * CadreContent * /
# # # cadreContent corps pageintro # modifiable {
background: # F37FCA;
min-height: 355px;
_height: 500px;
margin: auto;
text-align: left;
width: 727px;
}
/ * L'image en haut * /
# # # cadreContent corps pageintro # modifiable imgIntro # {
display: block;
height: 457px;
width: 100%;
margin-top: 25px;
border: 5px solid # b80316;
padding: 0px;
overflow: hidden;
cursor: pointer;
}
/ * Cadre de texte en haut à droite * /
# # # cadreContent corps pageintro # modifiable cadreTop # {
display: block;
height: 150px;
width: 500px;
text-align: center;
font-size: 20px;
letter-spacing: 2px;
margin-top:-380px;
margin-left: 117px;
padding: 0px;
overflow: hidden;
line-height: 33px;
}
/ * ###########################
# Intro
########################### * /
/ * CadreContent * /
bodyIntro # # cadreContent {
background: # F37FCA;
min-height: 500px;
_height: 500px;
margin: auto;
text-align: left;
width: 727px;
}
/ * L'image en haut * /
# # bodyIntro cadreContent imgIntro # {
display: block;
height: 457px;
width: 100%;
margin-top: 25px;
border: 5px solid # b80316;
padding: 0px;
overflow: hidden;
cursor: pointer;
}
/ * Cadre de texte en haut à droite * /
# # bodyIntro cadreContent cadreTop # {
display: block;
height: 150px;
width: 500px;
text-align: center;
font-size: 20px;
letter-spacing: 2px;
margin-top:-380px;
margin-left: 117px;
padding: 0px;
overflow: hidden;
line-height: 33px;
cursor: pointer;
}
/ * ###########################
# MENU
########################### * /
# pagesEtMenus cadreContent #. page, cadreContent pagesEtMenus # #. menu. menuTxt {
float: left;
color: # 3a1430;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-align: center;
margin: auto;
margin-top: 7px;
padding-top: 6px;
padding-left: 20px;
height: 30px;
}
/ * Lien vers l'accueil * /
# # pagesEtMenus cadreContent. page
{
display: block;
margin-left: 10px;
}
/ * Titre de la rubrique * /
# # pagesEtMenus cadreContent. Menu
{
}
# pagesEtMenus cadreContent #. menu. menuTxt
{
cursor: default;
}
/ * Liste des pages de la rubrique * /
# pagesEtMenus cadreContent #. menu. pages {
display: none;
border-left: 1px solid # b80316;
border-right: 1px solid # b80316;
border-bottom: 1px solid # b80316;
position: absolute;
margin-top: 11px;
padding: 0;
background: # FFF;
z-index: 2000;
}
/ * Lien vers une page * /
# pagesEtMenus cadreContent #. menu. pages. page
{
display: block;
clear: both;
color: # 3a1430;
text-align: left;
height: 20px;
width: 200px;
margin-top: 1px;
margin-left: 0px;
text-decoration: none;
font-weight: normal;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
overflow: hidden;
}
# pagesEtMenus cadreContent #. menu. a.page pages: hover
{
background: # f6909a;
}
/ * ###########################
# PAGE
########################### * /
/ * Zone de Texte * /
. calqueTEXTE {
overflow: auto;
padding: 0;
margin: 0;
}
. calqueTEXTE p,. calqueTEXTE span {
padding: 0;
margin: 0;
}
/ * Séance de photos * /
. calquePHOTO {
overflow: hidden;
}
/ * Bouton envoyer * /
. calqueSUBMIT img {
display: none;
}
. entrée calqueSUBMIT {
width: 100%;
height: 100%;
}
/ * Champ de saisie * /
. entrée calqueINPUT {
width: 100%;
height: 100%;
}
/ * Champ de saisie multilignes * /
. textarea calqueTEXTAREA {
width: 100%;
height: 100%;
}
/ * Tableau de Résultat de forumulaires * /
. calqueTABLEINPUT {
overflow: auto;
}
. Bodyline {
-moz-border-radius: 10px;
}
/ * Diaporama * /
. calqueDIAPORAMA {
text-align: center;
background: # 000;
overflow: auto;
}
. calqueDIAPORAMA a {
}
. calqueDIAPORAMA img {
border-top: 10px solid # 000;
border-bottom: 10px solid # 000;
border-left: 20px solid # 000;
border-right: 20px solid # 000;
margin: 0px;
}
Voilà, j'espère que je n'ai PAS ETE trop compliqué dans mes expliquations ... Et pour Avoir un aperçu du blog voici le lien http://blog-mariage.marions-les.com/aude-yann/ Merci par avance ... Cordialement |
Dernière édition par Tech le Mer 06 Jan 2010, 16:13, édité 4 fois (Raison : Code placé entre les balises codes et spoilers par Tech) | |
|  | | Invité Invité
| Bonjour,
Déjà, bah félicitation ^^
Sinon, si je peux me permettre, la meilleurs façon de déchiffrer le code que tu viens de nous donner et de lire quelques tuto au sujet du CSS et de son fonctionnement. Tu pourras tout déchiffrer tout seul et faire les modification nécessaires.
Voila un lien pour le CSS en général : http://fr.html.net/tutorials/css/
Et un autre qui t'explique à quoi sert chaque déclaration : http://www.aidenet.com/css/ avec des exemples en plus.
Voilà bonne chance ! | | |
| | | | Tech 
{ Membre actif }
 Messages : 1378
| Félicitations comme l'a dit Link  Le code CSS que tu nous as donné (je l'ai mit en spoiler et en code), c'est celui de base du blog ? Tu ne l'as pas touchée ? Si non, il vaut mieux ne pas trop le modifier. A part pour des codes connues car si tu retires trop de choses, tout le design et la beauté du blog, disparaitra. Par contre, si tu nous dit ce que tu aimerais changé ou avoir, nous pourrions te faire simplement le code Après, tout ce qui est comme ça : - Code:
-
/* un texte ici */ , ça s'appelle des commentaires. Enfaite, sur ce code, ils te disent sur quoi il agit. Cela peut aussi t'aider. | | |
| | | | iowan
{ Membre actif }
Messages : 304
| salut !
bon déchiffrer ce code ne va rien te donner de plus si tu ne connais pas comment le modifier
je te suggère de créer ton blog ensuite nous donner le lien qui menne a votre blog et les modifications que tu souhaite faire avec ton blog la un codeur peut créer les code css en se basant de ta description | | |
| | | | Tech
{ Membre actif }
Messages : 1378
| Bonsoir,
Des nouvelles de la demande ?
Merci d'avance pour les réponses. | | |
| | | | Invité Invité
| bonjour @ tous,
Merci de vos réponses.
Je suis désolé du retard mais entre les fêtes et le boulot, je n'ai pas eu le temps de me connecter et de vous répondre.
Alors comprendre le code, je croyais savoir mais quand j'ai modifié certaines couleur ça n'a rien fait!!!
Donc je veux bien de l'aide mais par contre je veux aussi comprendre pour pouvoir le refaire aussi tout seul! ;-)
Dans un premier temps, je voudrais afficher la date et l'heure sur le blog.
Dans un second temps, je voudrais aussi mettre l'ecriture des onglets dans une autre police et une autre couleur!
Enfin dans la page livre d'or (qui est un formulaire en fait affiché) j'aimerais avoir la date qui s'affiche automatiquement sans que les gens la saisisse, j'aimerais aussi que ça ne s'affiche plus en colonne mais en ligne et du plus récent au plus ancien...!!!
Voilà voilà beaucoup beaucoup de demandes...
J'espère que ce que je vous demande est possible.
Merci @ tous par avance | | |
| | | | Invité Invité
| Ah oui j'oubliais aussi, ... LOL
J'aimerais aussi agrandir en largeur la page du blog afin de ne faire tenir que sur une ligne la liste des onglets!
Merki beaucoup par avance | | |
| | | | Invité Invité
| bonjour @ tous,
Je voudrais savoir si un codeur peut m'aider.
Je ne veux pas vous forcer la main. Je me doute que vous devez être débordé.
Simplement, comme l'adresse du blog a été donné avec le faire part, des gens vont déjà dessus à l'heure actuelle.
Donc j'aimerais pas trop tarder pour le finir.
Faites moi signe quand vous avez un peu de temps à m'accorder.
Merci beaucoup par avance.
Cordialement | | |
| | | | Tech
{ Membre actif }
Messages : 1378
| Bonsoir,
Nous allons nous occuper de toi.
Ne t'inquiète pas.
Mais nous avons aussi beaucoup de sujets et tous attendes une réponses.
Merci de ta patiente. | | |
| | | | Invité Invité
| Merci beaucoup
@ très vite | | |
| | | | Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Bonjour,  Ton problème est-il toujours d'actualité ? | | |
| | | | Invité Invité
| ah oui oui, plus que jamais!
merci par avance | | |
| | | | Invité Invité
| Bonjour,
J'ai réussi à modifier la police et la couleur du menu du blog.
je pense avoir trouvé pour agrandir la largeur de la page... Mais le problème est que quand je modifie la largeur, le grand rectangle du blog (enfin la page) s'agrandit, mais le reste à l'intérieur reste comme avant, résultat j'ai comme une grande colone blanche à côté...
De plus je n'ai toujours pas réussi à trouvé comment insérer la date et l'heure dans le livre d'or (qui est un formulaire avec un tableau regroupant les réponses du formulaire) je pense qu'il faut créer un champ invisible mais comment??? moi je n'ai accès qu'au css.
De plus comment je fais pour que les réponses des différents champs du formulaire apparaissent en ligne et pas en colone???
ça j'ai pas trouvé.
j'ai reussi à trouvé tout seul pour modifier la police d'ecriture dans le tableau resultat du formulaire avec le code .calqueTABLEINPUT td et .calqueTABLEINPUT th
Si vous êtes dispo pour resoudre mes problèmes merci par avance, | | |
| | | | Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Bonjour, D'abord j'aimerais savoir si votre problème est toujours d'actualité Si oui, n'auriez-vous pas d'autres codes ? Appelé Template, par exemple. | | |
| | | | Invité Invité
| Bonjour, Alors tout d'abord merci de m'aider. Oui le problème est toujours d'actualité, enfin moins qu'avant car j'ai réussi à modifier certaines choses... En fait maintenant, je voudrais simplement savoir comment insérer automatiquement, la date et l'heure dans le formulaire livre d'or et plus généralement dans les autres formulaires. Je n'ai accès à rien d'autre que le fichier css. Pour info et si vous voulez mieux comprendre comment ça fonctionne, vous pouvez vous inscrire sur le site et supprimer votre compte après. Je vous donne le nouveau code css (que j'ai modifié pour certaines choses) ainsi que le lien du blog pour que vous puissiez visualiser mes demandes. http://blog-mariage.marions-les.com/aude-yann/ - Spoiler:
- Code:
-
/*
=============================
Design : PASSION
=============================
*/
/* ###########################
# BODY
########################### */
/* Propriétés communes à toutes les pages */
#bodySquelette, #bodyIntro, #bodyPage, #body #cadreContent #editable,#zoneDragAndDrop #pageToEdit{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
}
/* Body squelette */
#bodySquelette, #bodyIntro {
font-family: Arial, Helvetica, sans-serif;
background-color:#550000;
text-align:center;
margin-top:3px;
}
/* Body d'une page */
#bodyPage {
}
/* Zone quadrillée en mode édition du squelette */
#body #pagesquelette #cadreContent #editable {
border:30px solid #550000;
text-align:left;
width:900px;
background:#FFF;
height:1000px;
}
/* Zone quadrillée en mode édition de intro */
#body #pageintro #cadreContent #editable {
border:30px solid #550000;
text-align:center;
width:900px;
background:#FFF;
height:550px;
}
/* Zone quadrillée en mode édition d'une page */
#zoneDragAndDrop #pageToEdit{
width:900px;
}
/* ###########################
# EDIT SQUELETTE
########################### */
/* Image en haut à gauche */
#body #cadreContent #editable #imgTopRight {
display:block;
height:204px;
width:100%;
padding:0px;
margin-left:173px
text-align:right;
overflow:hidden;
}
/* Image en haut à gauche */
#body #cadreContent #editable #imgTopLeft {
display:block;
height:150px;
width:198px;
margin:0;
margin-top:-172px;
margin-bottom:121px;
margin-left:38px;
padding:0px;
text-align:left;
overflow:hidden;
}
/* Cadre de texte en haut à droite */
#body #cadreContent #editable #cadreTop {
display:block;
height:105px;
width:370px;
font-size:20px;
letter-spacing:2px;
margin-top:-193px;
margin-left:543px;
padding:0px;
overflow:hidden;
}
/* Bloc contenant la liste des pages */
#body #cadreContent #editable #pagesEtMenus
{
width:900px;
height:51px;
margin-top:5px;
text-align:center;
border-top:5px solid #b80316;
border-bottom:1px solid #b80316;
background:url('./imagesGraphisme/gr_passion_squelette_menu.gif') no-repeat left top;
}
/* Iframe contenant la page à afficher */
#body #cadreContent #editable #iframe{
width:100%;
text-align:left;
background:#FFF;
height:550px;
}
#body #cadreContent #editable #iframe iframe{
border:none;
width:100%;
height:100%;
}
/* Image à gauche */
#body #cadreContent #editable #imgBottom {
display:block;
float:left;
height:196px;
width:100%;
padding:0px;
overflow:hidden;
}
/* Cadre de mise en page pour mettre le footer tout en bas */
#body #cadreContent #editable #alignement{
clear:both;
}
/* Lien pub en bas de page */
#body #cadreContent #editable #footer{
color:#FFF;
text-align:center;
font-size:14px;
letter-spacing:1px;
background-color:#550000;
padding-top:10px;
padding-bottom:10px;
width:100%;
clear:both;
}
#body #cadreContent #editable #footer a{
color:#FFF;
text-decoration:none;
}
#body #cadreContent #editable #footer a:hover{
text-decoration:underline;
}
/* Ne pas affiche le footer en mode édition de squelette */
#body #cadreContent #editable #footer {
display:none;
}
/* ###########################
# SQUELETTE
########################### */
/* CadreContent */
#bodySquelette #cadreContent{
background:#FFF;
min-height:600px;
_height:600px;
margin:auto;
margin-top:10px;
border:5px solid #b80316;
text-align:left;
width:900px;
}
/* Image en haut à gauche */
#bodySquelette #cadreContent #imgTopRight {
display:block;
height:204px;
width:100%;
padding:0px;
margin-left:173px;
text-align:right;
overflow:hidden;
}
/* Image en haut à gauche */
#bodySquelette #cadreContent #imgTopLeft {
display:block;
height:140px;
width:198px;
margin-top:-172px;
margin-bottom:122px;
margin-left:38px;
padding:0px;
overflow:hidden;
}
/* Cadre de texte en haut à droite */
#bodySquelette #cadreContent #cadreTop {
display:block;
height:105px;
width:370px;
font-size:20px;
letter-spacing:2px;
margin-top:-193px;
margin-left:543px;
padding:0px;
overflow:hidden;
}
/* Bloc contenant la liste des pages */
#bodySquelette #cadreContent #pagesEtMenus
{
clear:both;
margin-top:5px;
width:100%;
height:51px;
text-align:center;
border-top:5px solid #b80316;
border-bottom:1px solid #b80316;
background:url('./imagesGraphisme/gr_passion_squelette_menu.gif') no-repeat left top;
}
/* Iframe contenant la page à afficher */
#bodySquelette #cadreContent #iframe{
width:900px;
text-align:left;
background:#FFF;
position:relative;
overflow:auto;
}
#bodySquelette #cadreContent #iframe iframe{
border:none;
width:100%;
height:100%;
}
/* Image à gauche */
#bodySquelette #cadreContent #imgBottom {
display:block;
float:left;
height:196px;
width:100%;
padding:0px;
overflow:hidden;
}
/* Cadre de mise en page pour mettre le footer tout en bas */
#bodySquelette #cadreContent #alignement{
clear:both;
}
/* Lien pub en bas de page */
#bodySquelette #footer{
color:#FFF;
text-align:center;
font-size:14px;
letter-spacing:1px;
background-color:#550000;
padding-top:10px;
padding-bottom:10px;
width:100%;
clear:both;
}
#bodySquelette #footer a{
color:#FFF;
text-decoration:none;
}
#bodySquelette #footer a:hover{
text-decoration:underline;
}
/* Ne pas affiche le footer en mode édition de squelette */
#body #footer {
display:none;
}
/* ###########################
# EDIT INTRO
########################### */
/* CadreContent */
#body #pageintro #cadreContent #editable{
background:#550000;
min-height:355px;
_height:500px;
margin:auto;
text-align:left;
width:727px;
}
/* Image en haut */
#body #pageintro #cadreContent #editable #imgIntro {
display:block;
height:457px;
width:100%;
margin-top:25px;
border:5px solid #b80316;
padding:0px;
overflow:hidden;
cursor:pointer;
}
/* Cadre de texte en haut à droite */
#body #pageintro #cadreContent #editable #cadreTop{
display:block;
height:150px;
width:500px;
text-align:center;
font-size:20px;
letter-spacing:2px;
margin-top:-380px;
margin-left:117px;
padding:0px;
overflow:hidden;
line-height:33px;
}
/* ###########################
# INTRO
########################### */
/* CadreContent */
#bodyIntro #cadreContent{
background:#550000;
min-height:500px;
_height:500px;
margin:auto;
text-align:left;
width:727px;
}
/* Image en haut */
#bodyIntro #cadreContent #imgIntro {
display:block;
height:457px;
width:100%;
margin-top:25px;
border:5px solid #b80316;
padding:0px;
overflow:hidden;
cursor:pointer;
}
/* Cadre de texte en haut à droite */
#bodyIntro #cadreContent #cadreTop{
display:block;
height:150px;
width:500px;
text-align:center;
font-size:20px;
letter-spacing:2px;
margin-top:-380px;
margin-left:117px;
padding:0px;
overflow:hidden;
line-height:33px;
cursor:pointer;
}
/* ###########################
# MENU
########################### */
#cadreContent #pagesEtMenus .page, #cadreContent #pagesEtMenus .menu .menuTxt{
float:left;
color:#BF005F;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-align:center;
margin:auto;
margin-top:7px;
padding-top:6px;
padding-left:20px;
height:30px;
}
/* Lien vers Accueil */
#cadreContent #pagesEtMenus .page
{
display:block;
margin-left:10px;
}
/* Titre de la rubrique */
#cadreContent #pagesEtMenus .menu
{
}
#cadreContent #pagesEtMenus .menu .menuTxt
{
cursor:default;
}
/* Liste des pages de la rubrique */
#cadreContent #pagesEtMenus .menu .pages{
display:none;
border-left:1px solid #b80316;
border-right:1px solid #b80316;
border-bottom:1px solid #b80316;
position:absolute;
margin-top:11px;
padding:0;
background:#FFF;
z-index:2000;
}
/* Lien vers une page */
#cadreContent #pagesEtMenus .menu .pages .page
{
display:block;
clear:both;
color:#BF005F;
text-align:left;
height:20px;
width:200px;
margin-top:1px;
margin-left:0px;
text-decoration:none;
font-weight:normal;
padding-top:1px;
padding-bottom:1px;
padding-left:10px;
overflow:hidden;
}
#cadreContent #pagesEtMenus .menu .pages a.page:hover
{
background:#f6909a;
}
/* ###########################
# PAGE
########################### */
/* Zone de texte */
.calqueTEXTE{
overflow:auto;
padding:0;
margin:0;
}
.calqueTEXTE p, .calqueTEXTE span{
padding:0;
margin:0;
}
/* Photo */
.calquePHOTO{
overflow:hidden;
}
/* Bouton envoyer */
.calqueSUBMIT img{
display:none;
}
.calqueSUBMIT input{
width:100%;
height:100%;
}
/* Champ de saisie */
.calqueINPUT input{
width:100%;
height:100%;
}
/* Champ de saisie multilignes */
.calqueTEXTAREA textarea{
width:100%;
height:100%;
}
/* Tableau de résultat de forumulaires */
.calqueTABLEINPUT {
overflow:visible;
}
.calqueTABLEINPUT td{
font-size:16px;
background-color:#BF005F;
color:#FFFFFF;
text-align:center;
}
.calqueTABLEINPUT th{
color:#BF005F;
}
/* Diaporama */
.calqueDIAPORAMA{
text-align:center;
background:#000;
overflow:auto;
}
.calqueDIAPORAMA a{
}
.calqueDIAPORAMA img{
border-top:10px solid #000;
border-bottom:10px solid #000;
border-left:20px solid #000;
border-right:20px solid #000;
margin:0px;
}
Merci à tous pour votre aide | | |
| | | | Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Hé bien je suis désolé, mais via le CSS ça ne va pas être possible =/ Il faut que ce soit du PHP pour pouvoir effectuer cette manipulation et encore, je suis totalement débutant ... Je suis vraiment désolé de l'attente pour une réponse négative  | | |
| | | | Contenu sponsorisé
| | | | | |
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
