Problème d'enregistrement (changer css d'un template)
2 participants
Communauté francophone - Jimdo :: Utiliser du code (utilisateurs avancés) :: Utilisation d'un design personnalisé
Page 1 sur 1
Problème d'enregistrement (changer css d'un template)
Bonjour, je souhaite créer un design pour une amie. J'ai quelques connaissances en codage et j'ai voulu tester mon codage sur votre site sauf qu'à chaque fois que je veux enregistrer il y a une problème de balise qui doivent être remplacé par navigation footer ect... Je ne comprend pas trop comment faire merci de m'éclairer !
Voici mon code html:
Voici mon code html:
- Code:
<style type="text/css">
@import url("Espoir/cssespoiretholo.css");
</style>
<div id="container">
<div id="header">
<center><img src="Espoir/header.jpg" width="500" height="200" alt=""/></center>
</div>
</div> </div>
<center>
<!doctype html>
<html lang=''>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="script.js"></script>
<title>CSS MenuMaker</title>
</head>
<body>
<div id='cssmenu'>
<ul>
<li class='active'><a href='#'>Home</a></li>
<li><a href='#'>Products</a></li>
<li><a href='#'>Company</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</div>
</body>
<div id="navigation">
<div id="sidebar">
</div></div>
</center>
<div id="container">
<div id="content">
BLOC TEXTE
</div>
<div id="footer">
<div class="gutter">
<center>Credits</center>
</div>
</div>
- Code:
@charset "utf-8";
/* Typo
----------------------------------------------- */
a:link, a:visited
{
text-decoration: underline;
color:#EC4413;
}
a:active { text-decoration: underline; }
a:hover { text-decoration:none; }
h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }
p { font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}
/* Layout
----------------------------------------------- */
body {
background: #333333 url(bg.gif) no-repeat top left;
padding:35px 0 0 0;
margin:0;
font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#container
{
margin:0 auto;
width:600px;
background:white;
}
#header
{
padding:17px;
}
#header h1,
#header a
{
padding:0;
font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:30px;
font-weight:normal;
text-decoration:none;
line-height:1.3em;
color:#666666;
text-align:right;
}
#header a:hover { text-decoration:none; }
#navigation
{
float:center;
width:600px;
padding:17px;
}
#sidebar
{
padding-top:10px;
}
#content
{
float:right;
width:530px;
padding:17px;
}
#footer
{
clear:both;
margin-top:10px;
background:url(footer-bg.gif) repeat-x top;
height:65px;
}
#footer .gutter
{
height:30px;
padding:35px 15px 0 90px;
}
/* Navigation
----------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Raleway);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu {
width: 600px;
border-bottom: 3px solid #47c9af;
font-family: Raleway, sans-serif;
line-height: 1;
}
#cssmenu ul {
background: #ffffff;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
#cssmenu.align-center > ul > li {
display: inline-block;
float: none;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu.align-right > ul > li > a {
margin-right: 0;
margin-left: -4px;
}
#cssmenu > ul > li > a {
z-index: 2;
padding: 18px 25px 12px 25px;
font-size: 15px;
font-weight: 400;
text-decoration: none;
color: #444444;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
margin-right: -4px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
color: #ffffff;
}
#cssmenu > ul > li > a:after {
position: absolute;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
width: 100%;
height: 120%;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
content: "";
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transform: perspective(5px) rotateX(2deg);
-webkit-transform-origin: bottom;
-moz-transform: perspective(5px) rotateX(2deg);
-moz-transform-origin: bottom;
transform: perspective(5px) rotateX(2deg);
transform-origin: bottom;
}
#cssmenu > ul > li.active > a:after,
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li > a:hover:after {
background: #47c9af;
}
Re: Problème d'enregistrement (changer css d'un template)
Bonsoir,
Pour commencer (je dis bien pour commencer) ceci ne va pas :
Ensuite, pour créer un design personnel, il est nécessaire de faire preuve de rigueur, parce que là je viens de vous expliquer ce qui ne vas pas dans la toute première partie du code html, mais tout le code "Partie HTML" est à revoir, et surtout à adapter parce qu'il ne s'agit pas de coller le code source d'une page web, c'est un peu plus complexe que ça. Par exemple, les éléments (content, sidebar, foirer...) doivent être intégrés tel expliqué (comme dans l'exemple), mais ce n'est pas tout...
Si Jimdo est un outil extra simple de création de site, la partie design personnel est plutôt conseillée aux webdesigners et aux utilisateurs expérimentés, ce n'est pas pour rien. Si vraiment vous avez du temps, vous pouvez essayer l'aventure, mais je ne vous cache pas que ce ne sera pas du gâteau si vous partez de 0.
Cordialement
Pour commencer (je dis bien pour commencer) ceci ne va pas :
Premièrement, ça ne vas pas du tout là et de plus Espoir/cssespoiretholo.css renvoie vers rien vu que ce n'est pas dans http://votresite.com/Espoir/cssespoiretholo.css que se trouve votre fichier css (après je ne sais pas si c'est un fichier qui existe réellement (cssespoiretholo.css) ou si c'est votre style inséré dans la partie css du design perso que vous souhaitiez relier...).<style type="text/css">
@import url("Espoir/cssespoiretholo.css");
</style>
Ensuite, pour créer un design personnel, il est nécessaire de faire preuve de rigueur, parce que là je viens de vous expliquer ce qui ne vas pas dans la toute première partie du code html, mais tout le code "Partie HTML" est à revoir, et surtout à adapter parce qu'il ne s'agit pas de coller le code source d'une page web, c'est un peu plus complexe que ça. Par exemple, les éléments (content, sidebar, foirer...) doivent être intégrés tel expliqué (comme dans l'exemple), mais ce n'est pas tout...
Si Jimdo est un outil extra simple de création de site, la partie design personnel est plutôt conseillée aux webdesigners et aux utilisateurs expérimentés, ce n'est pas pour rien. Si vraiment vous avez du temps, vous pouvez essayer l'aventure, mais je ne vous cache pas que ce ne sera pas du gâteau si vous partez de 0.
Cordialement
Re: Problème d'enregistrement (changer css d'un template)
Je comprend et je suis prête à me lancer ! Merci de votre réponse ! Néanmoins je ne comprend pas comment insérer le footer ect... c'est surtout pourquoi il faut absolument les mettre !
De plus, je réalise mes codes moi même ou soit avec tuto sur dreamweaver (version eval)
c'est pour ça qu'il y a le import xD
De plus, je réalise mes codes moi même ou soit avec tuto sur dreamweaver (version eval)
c'est pour ça qu'il y a le import xD
Re: Problème d'enregistrement (changer css d'un template)
Re-bonsoir,
Vous n'aurez pas besoin de dreamweaver (franchement DW est génial, je l'utilise régulièrement (pour des projets non Jimdo), mais pas spécialement nécessaire pour Jimdo), si vous pensez être prête, voilà pour vous : http://funnycat.jimdo.com/astuces-jimdo/changer-le-css-d-un-template/
Vous n'aurez pas besoin de dreamweaver (franchement DW est génial, je l'utilise régulièrement (pour des projets non Jimdo), mais pas spécialement nécessaire pour Jimdo), si vous pensez être prête, voilà pour vous : http://funnycat.jimdo.com/astuces-jimdo/changer-le-css-d-un-template/
Re: Problème d'enregistrement (changer css d'un template)
ah super c'est ce qui me fallait merci beaucoup
Si j'ai un problème, je vous en ferez part merci beaucoup !
Si j'ai un problème, je vous en ferez part merci beaucoup !
Sujets similaires
» Modifier (un peu) le CSS d'un template Jimdo
» Élargir le template de Singapore
» Largeur du template Lima
» pb avec template reykjavik
» Template site d’annonces
» Élargir le template de Singapore
» Largeur du template Lima
» pb avec template reykjavik
» Template site d’annonces
Communauté francophone - Jimdo :: Utiliser du code (utilisateurs avancés) :: Utilisation d'un design personnalisé
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|