Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Rejoignez le forum, c’est rapide et facile

Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
TV LED 32” Continental Edison CELED32SAHD24B3
139.99 €
Voir le deal

Problème d'enregistrement (changer css d'un template)

2 participants

Aller en bas

Problème d'enregistrement (changer css d'un template) Empty Problème d'enregistrement (changer css d'un template)

Message par Kownie Mar 7 Juil 2015 - 22:53

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:
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>
et mon css:

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

Kownie

Messages : 4
Date d'inscription : 07/07/2015

http://betaespoirethologie.jimdo.com

Revenir en haut Aller en bas

Problème d'enregistrement (changer css d'un template) Empty Re: Problème d'enregistrement (changer css d'un template)

Message par Kownie Mer 8 Juil 2015 - 18:37

personne ? No

Kownie

Messages : 4
Date d'inscription : 07/07/2015

http://betaespoirethologie.jimdo.com

Revenir en haut Aller en bas

Problème d'enregistrement (changer css d'un template) Empty Re: Problème d'enregistrement (changer css d'un template)

Message par ZeTuto Mer 8 Juil 2015 - 21:09

Bonsoir,
Pour commencer (je dis bien pour commencer) ceci ne va pas :
<style type="text/css">
@import url("Espoir/cssespoiretholo.css");
</style>
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...).
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
ZeTuto
ZeTuto

Messages : 204
Date d'inscription : 08/10/2014

https://zetuto.jimdo.com

Revenir en haut Aller en bas

Problème d'enregistrement (changer css d'un template) Empty Re: Problème d'enregistrement (changer css d'un template)

Message par Kownie Mer 8 Juil 2015 - 21:22

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

Kownie

Messages : 4
Date d'inscription : 07/07/2015

http://betaespoirethologie.jimdo.com

Revenir en haut Aller en bas

Problème d'enregistrement (changer css d'un template) Empty Re: Problème d'enregistrement (changer css d'un template)

Message par ZeTuto Mer 8 Juil 2015 - 21:51

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/
ZeTuto
ZeTuto

Messages : 204
Date d'inscription : 08/10/2014

https://zetuto.jimdo.com

Revenir en haut Aller en bas

Problème d'enregistrement (changer css d'un template) Empty Re: Problème d'enregistrement (changer css d'un template)

Message par Kownie Mer 8 Juil 2015 - 22:07

ah super c'est ce qui me fallait merci beaucoup Very Happy
Si j'ai un problème, je vous en ferez part merci beaucoup !

Kownie

Messages : 4
Date d'inscription : 07/07/2015

http://betaespoirethologie.jimdo.com

Revenir en haut Aller en bas

Problème d'enregistrement (changer css d'un template) Empty Re: Problème d'enregistrement (changer css d'un template)

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum