( J'ai résolu mon probléme ) :) Bouton_active ( J'ai résolu mon probléme ) :) Bouton_hover ( J'ai résolu mon probléme ) :) Fb-hover ( J'ai résolu mon probléme ) :) Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
 ( J'ai résolu mon probléme ) :) EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
 ( J'ai résolu mon probléme ) :) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
 ( J'ai résolu mon probléme ) :) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
 ( J'ai résolu mon probléme ) :) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
 ( J'ai résolu mon probléme ) :) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
 ( J'ai résolu mon probléme ) :) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
 ( J'ai résolu mon probléme ) :) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
 ( J'ai résolu mon probléme ) :) EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -28%
-28% Machine à café avec broyeur ...
Voir le deal
229.99 €

Partagez
 

( J'ai résolu mon probléme ) :)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://youareagleek.1fr1.net/
Vinylvictim
{ Membre }
{ Membre }

Féminin Messages : 3



 ( J'ai résolu mon probléme ) :) Empty
Hello ..
J'ai besoin de votre aide pour mon CSS sur LJ . Je sais pas si il y a moyen, parce qu'apparement ce n'est que pour les forums . Mais qui ne tente à rien; n'a rien . Bref, j'ai trouvé un superbe Layout, et j'aimerai pouvoir écrire éxactement comme c'est présenter dans l'image , c'est à dire en dessousla partie supérieur , sous Recent entries, ... . Je suis niveau zéro au niveau du CSS et LJ . Donc si c'est un truc bête, faite pas attention Razz . Voici ce que j'ai , c'est vide :

Spoiler:

Et ce que j'aimerai avoir ( juste pour la partie supérieur ^^

https://2img.net/h/oi40.tinypic.com/1zl6s02.png

Et voici mon CSS :


[spoiler]
Code:
/* stylesheet by morirvivo@estiloamor */

   
   body   {
      background-color: #F7F8F2;
      color: #999;
      font-family: Arial;
      font-size: 11px;
      margin: 08px 0 08px 0;
                margin-top:20px;

      }

   a, a:link, a:visited {
      color: #737373;
text-decoration: none;
cursor: default;
      }
   
   a:hover {
      color: #ccc;
              text-decoration: none;
cursor: default;
      }
   

   
   blockquote {
       padding: 10px;
       line-height: 15px;
       color: #999;
            font-family: courier new;
       border: 1px dashed #eee;
       text-align: justify;
      }
      
   code, kbd, pre, tt {
      font-family: tahoma;
      font-size: 9px;
       background: #fff;
       border: 1px solid #ccc;
      }

        b, i, s, u, emphasise, abbr, strong, strike { color: #737373; }


      
   #content
   {
      width: 100%;
margin-left: auto;
margin-right: auto;
background-color: transparent;

}


    #maincontent {   
              width:650px;   
      margin-left: auto;
margin-right:auto;
                background-color: transparent;
margin-top: 50px;
      }
   


   #sidebar {
                background: #fff;
                width: 650px;
                text-align: left;
      font-family: tahoma;
      font-size: 9px;
                text-transform: none;
      letter-spacing: 1px;   
                height:200px;
      color: #858585;   
                min-height:120px;
                margin-left: auto;
                margin-right: auto; 
                list-type: none;
     
               
}


      #header {      
      width: 650px;
padding: 5px 0 5px 0;
      margin-left:auto;
margin-right:auto;
height:70px;
      text-align: left;
      font-family: Trebuchet MS;
      font-size: 10px;
                text-transform: uppercase;
      font-weight: lighter;
      letter-spacing: 0px;   
      color: #A6A6A6;   
      }

              div#header li.view {
              display: block;
              float: left;
              color: #A6A6A6;
              background-color: #FFFFFF;
              width: 115px;
              margin: 0px;
              padding: 35px 0px 25px 0px;
              border-right: 3px solid #F7F8F2;
 }




    #footer {
      width: 650px;
      padding: 0px 0px 10px 0px;
      text-align: right;
      font-family: "arial", sans-serif;
      font-size: 10px;
      font-weight: normal;
      letter-spacing: 1px;
      color: #fff9bd;
margin-top: 0px;
text-transform: uppercase;
      z-index: 100;
      clear: both;
margin:auto;
      }
.navheader {
border: 0px;
text-align: center;
background:#000;
}

ul.navheader{ padding: 0px; margin: 0px; list-style-type: none;}



   ul.navheader li  {
                float:left;
      display: block;
                margin: 0px;
                list-style-type: none; 
      }

      ul.navheader li a {
                display: block;
                margin:0px;
                float: left;
                width:115px;
                padding: 35px 0px 25px 0px;
                background-color: #E4EFF1;
}

      ul.navheader li a:hover {
                background-color: #D4E5E8;
                }

   .clearfoot {
      clear: both;
      }

#footer .viewing { display:none; }
      
   /* header -- links to views; title of journal; subtitle of journal */   
   
   div#header a, div#header a:link, div#header a:visited {
      color: #5C3D3D;
   }
   
   div#header a:hover {
      color: #7A5252;
           
      text-decoration: none;
   }      
div#footer a:hover {
}

div#footer a, div#footer a:link, div#footer a:visited {
      color: #546d8e;
   }
   
   ul.navheader
      {   
      padding: 0px;   
      margin: 0px;
      }
   
   ul.navheader li  {
      display: inline;         
      padding: 0 3px 0 3px;
      }

   .title   {
      display: none;
      }
   
   .subtitle{
                display: none;}
      

.defaultuserpic {
position: relative; display: block; padding:10px; text-align:center; margin: 15px; float:right; background: #f0f0f0; margin-top: 35px;

}
.defaultuserpic img {
margin-top: 0px;
width: 60px;
height: 60px;
border: 0px;

}


.sbarbody2 {margin-left: 10px; float:left;padding: 15px 20px; width:200px; }


ul.sbarlist{
margin: 0px;
padding: 0px;
list-style-type: none;
}

li.sbaritem{
list-style-type:none;
padding: 4px;
border-bottom: 1px solid #eee;
margin:0;
padding-left:20px;
}
li.sbaritem:hover {
background-color: #f7f7f7;
}

li.sbartitle{
display:none;

}

#sidebar_linklist li.sbartitle{
display:block;
text-align:left;
list-style-type: none;}

#sidebar_tags li.sbartitle {display:none;}

#sidebar_linklist  {
list-style-type:none;
display:inline;
letter-spacing: 1px;
font-size: 7pt;
font-family: georgia;
font-style:italic;
float:left;
width: 250px;
margin-top: 10px;
text-align:right;
text-transform: lowercase;
padding-top:2px;
} #sidebar_summary { display:none;}


#sidebar_tags {
list-style-type:none;
display:inline;
letter-spacing: 1px;
font-size: 7pt;
font-family: georgia;
font-style:italic;
float:left;
width: 250px;
margin-top: 10px;
text-align:right;
padding-left: 20px;
text-transform: lowercase;
padding-top:2px;}

#sidebar_calendar, #sidebar_tags {display:none;}




   
   


          ul.ljtaglist li  {
                list-style: none;
                list-style-position: inside;
                padding-left: 5px;
                }

          ul.ljtaglist {
                text-align: left;
               
                padding: 8px 8px 8px 12px;
                margin-right: auto;
                margin-left: auto;
                background-color: #000;
                }

   .subcontent {
                position: relative;
                padding: 0px;
                background-image:url();
   }
      
    .entry {
background: #fff;
        padding: 15px 0 20px 15px;

margin-left: 120px;
text-align: justify;

      }
    .entry_text {
      padding-right: 15px;
        border-right: 1px  }

      
   .entry ul li, ol li, li
      {
                padding-left: 5px;
                margin-left: 0;
                list-style: decimal-leading-zero;
                list-style-position: inside;
      }
      
        hr {

                height: 1px;
                background-color: #fff;
                border-bottom: 1px solid #ccc; }

   .userpic {
      position: relative;
      float: left;
      padding: 5px;
      margin-top: 15px;
      z-index: 15; 
                border: 1px solid #fff;
      background: #fff;
      }

      
    .userpicfriends {
                position: relative;
      float: left;
      padding: 5px;
      margin-top: 15px;
      z-index: 15; 
      background: transparent!important;
      z-index: 15;}
      
.userpicfriends font {font-family: courier new; color: #333!important;}
.userpic font {font-family: courier new; color: #333!important;}

.userpic img {
width: 90px;
height: 90px;
}
.userpicfriends img {
width: 90px;
height: 90px;
border: 6px solid #fff;}

   .date {
              text-transform: uppercase;
              color: #aaaaaa;
padding-top: 10px;
padding-left:120px;
padding-right:0px;
              font-size: 6pt;
              letter-spacing: 7px;
              word-spacing: 8px;}
    .subject {
                color: #5E5E5E;
                background-color: transparent;
                font-size: 18pt;
                padding-left:120px;
                font-family: arial;
                font-weight: bold;
                text-transform: uppercase;
                line-height: 100%;
                letter-spacing: -3px;  }

                .subject a, .subject a:link, .subject a:visited {text-decoration: bold; color: #5E5E5E;background: url(http://i40.tinypic.com/2n1b96r.png) no-repeat center left;
padding: 0px 0 0 18px;
      }

   .datesubject {      
text-align:left;   
      padding: 5px;
margin-right:auto;

      }
    .currents div { display: block; }
       .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong {
       color: #000;
            display:none;
       font-weight: lighter;
            font-family: arial;
       text-transform: lowercase;
margin-right: 5px;
}
.currentmusic {padding: 2px 5px 2px 20px;  background: transparent url(http://i41.tinypic.com/2mdrqr5.gif) no-repeat scroll 0% 50%; }
.currentmood {padding: 2px 5px 2px 20px;  background: transparent url(http://i40.tinypic.com/25jlbie.gif)

no-repeat scroll 0% 50%; margin-left: 5px;}
.currentlocation {padding: 2px 5px 2px 20px;  background: transparent url(http://i40.tinypic.com/2po86zn.gif)

no-repeat scroll 0% 50%; margin-left: 0px;}
   .ljtags {text-align: left;  padding: 2px 2px 2px 20px; margin-top: 50px;  position: relative; text-transform: lowercase; font-size: 11px; color: #888888;  background: transparent url(http://i44.tinypic.com/14e0zn8.gif) no-repeat scroll 0% 50%;

margin-left: 0px;
margin-bottom: -5px;}
      
   .ljtags a, .ljtags a:link, .ljtags a:hover, .ljtags a:visited {
       color: #ccc;
       text-transform: lowercase;
       font-weight: bold;  }

   
   .currents, .currentmood, .currentmusic {
      font-size: 11px;
                margin-left: 0px;
                line-spacing: -1px;
      font-weight: lighter;
      color: #ccc;
      text-transform: lowercase;
      }

    .currentlocation a, .currentlocation a:link, .currentlocation a:visited {
        color: #ccc;
       font-weight: bold;
        text-transform: lowercase;
        }

    .currentlocation a:hover, .ljtags a:hover {
        color: #504F4F;
        font-weight: bold;
        text-transform: lowercase;
        }





                     .comments {
text-transform: uppercase;
margin-top: 10px;
      font-size: 10px;
                color: #858585;
      text-align: left;
      padding: 10px 10px 10px 0px;
      position: relative;
margin-right: 16px;
width: 550px;

background: url(http://i43.tinypic.com/axcge8.png) no-repeat center left;
padding: 5px 0 0 18px;

      }



   div.comments a, div.comments a:link, div.comments a:visited{
      color:#858585;
   }
   
   div.comments a:hover { color:; }

   

   
   /* maincontent --  entry, reply pages */   
   
   .datesubjectcomment {         background-color: #fff;   
         
         padding: 5px;
         margin-top: 20px;
         }   
      
   .userpiccomment {
      position: relative;
      background-color: #fff;
      top: -30px;
      left: 0px;
      padding: 5px;
      margin: 30px 10px -20px 10px;
      z-index: 15;
      float: left;
      border-width: 1px;
      border-color: #d1d1d1;
      border-style: dotted;
width: 60px;
height: 60px;
      }
      
   .box {

      padding: 10px;
      clear: left;
      
      }

   input, textarea {
      color: #0a0a0a;
      border-style: solid;
      border-width: 1px 1px 1px 1px;
      border-color: #fff;
                background: #fff;
      font-size: 11px;
      }

        select { font-size: 9px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #F7F7F7; background: #fafafa; color: #ccc;}
      
   textarea.textbox  {
         width: 100% !important;
        }
   
   .reply   {
      position: relative;
      margin: 20px 30px 10px 30px;
      padding: 25px 10px 10px 10px;
      text-align: left;
                font-family: arial;
      font-size: 10px;
      line-height: 125%;
      background-color: #fff;
      color: #999999;
      }
      
   .replytosubject {
      font-weight: bold;
      }
         
      
   .commentreply {
      position: relative;
      margin: 10px;
                font-family: arial;
      font-size: 11px;
      color: #999;
      }
      
   .commentbox {
      
      border-color: #fff;
      border-width: 1px;
      border-style: solid;
      padding: 8px;
      margin: 10px;
      background-color: #fff;
      }
      
   .datesubjectcomment a:link, .datesubjectcomment a:visited {
      color: #73382B;
      }
      
   .datesubjectcomment a:hover {
      color: #DEBB9F;
      border-bottom: #F0EEE8 1px dotted;
      }
   
   .commentboxpartial {
      border-color: #fff;
      border-width: 1px;
      border-style: dotted;
      padding: 10px;
      margin: 10px;
      background-color: #fff;
      }

   .commentinfo {
      background-color: #fff;
      margin-top: 10px;
      width: 100%;
      }
         
      
   /* maincontent -- year/achive pages */
      
   ul.year {
      text-align: center;
      padding: 20px 0 20px 0;
      border: 0px solid #fff;
      background: #fff;
      }
   
   ul.year li {
      display: inline;   
      background: #fff;   
      }
   
   table.yeartable {
      margin-left: auto;
      margin-right: auto;
      padding: 8px;
      border: 0px solid #fff;
      background: #fff;      }
   
   table.yeartable td.yeardate, table.yeartable td.yearday {
      }
   
   table.yeartable td.yearday {
      background-color: #fff;
      text-align: center;
      }
   
   td.yearmonth {
      border-style: none;
      }
   
      
   /* footer */
      
   ul.navfooter{
      padding: 0px;   
      margin: 0px;
      }
   
   ul.navfooter li  { list-style: none; list-style: decimal inside; }

      
   .clearfoot {      
      clear: both;
      }
      
      
   /* misc  */
            
   .clear {      
      height: 2px;
      }
      
   .skiplinks {
        display: block;
   text-transform: lowercase;
   text-align: center;
   padding: 8px; color: transparent;
        margin-bottom: -2px;}
      

   .headerimage {

      }

.separator { background: transparent; height: 29px; }

/*----------------------------------------------------
 Tiny Icons
----------------------------------------------------------------*/

   .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"]{
      width: 0;
      height: 0;
      padding: 16px 16px 0px 0px;
      background: url(http://i41.tinypic.com/11bkk28.png);
      }

   .subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{
      width: 0;
      height: 0;
      padding: 16px 16px 0px 0px;
      background: url(http://i42.tinypic.com/veslli.png);
      }

   .ljuser img {
      width: 0;
      height: 0;
      background-repeat: no-repeat;
      background-color: transparent;
      background-image: url(http://i42.tinypic.com/2uqj1xl.png);
      padding: 16px 17px 2px 2px !important;
      }

   .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
      background-color:transparent;
        background-image: url(http://i42.tinypic.com/2uqj1xl.png)!important;
background-repeat: no-repeat!important;
        padding: 19px 15px 0 2px!important;
      }

   .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
      background-color:transparent;
       background-image: url(http://i41.tinypic.com/f3fa6u.png)!important;
background-repeat: no-repeat!important;
       padding: 16px 16px 0 2px;
      }

img[src="http://l-stat.livejournal.com/img/btn_del.gif"] {
          height: 0px;
          width: 0px;
          padding: 0px 0px 16px 16px !important;
          background: url(http://i43.tinypic.com/2w74r2u.png);
          }

    img[src="http://l-stat.livejournal.com/img/btn_scr.gif"] {
          height: 0px;
          width: 0px;
          padding: 0px 0px 16px 16px !important;
          background: url(http://i32.tinypic.com/11i27oz.png);
          }

    img[src="http://l-stat.livejournal.com/img/btn_unscr.gif"] {
          height: 0px;
          width: 0px;
          padding: 0px 0px 16px 16px !important;
          background: url(http://i27.tinypic.com/vxgnll.png);
          }

    img[src="http://l-stat.livejournal.com/img/btn_freeze.gif"] {
          height: 0px;
          width: 0px;
          padding: 0px 0px 16px 16px !important;
          background: url(http://i32.tinypic.com/2uqgius.png);
          }

    img[src="http://l-stat.livejournal.com/img/btn_unfreeze.gif"] {
          height: 0px;
          width: 0px;
          padding: 0px 0px 16px 16px !important;
          background: url(http://i29.tinypic.com/o8ewz8.png);
          }

    img[src="http://l-stat.livejournal.com/img/btn_track.gif"] {
          height: 0px;
          width: 0px;
          padding: 0px 0px 16px 16px !important;
          background: url(http://i32.tinypic.com/23jjs5s.png);
          }

    img[src="http://l-stat.livejournal.com/img/btn_tracking.gif"] {
          height: 0px;
          width: 0px;
          padding: 0px 0px 16px 16px !important;
          background: url(http://i25.tinypic.com/igaxpc.png);
          }

    img[src="http://l-stat.livejournal.com/img/anonymous.gif"] {
          height: 0px;
          width: 0px;
          padding: 0px 0px 16px 16px !important;
          background: url(http://i31.tinypic.com/1zxkxu8.png);
          }

    img[src="http://l-stat.livejournal.com/img/openid-profile.gif"] {
          height: 0px;
          width: 0px;
          padding: 0px 0px 16px 16px !important;
          background: url(http://i29.tinypic.com/191jz8.png);
          }

    img[src="http://l-stat.livejournal.com/img/talk/none.gif"] {
          display: none;
          }

    img[src="http://l-stat.livejournal.com/img/help.gif"] {
          height: 0px;
          width: 0px;
          padding: 0px 0px 16px 16px !important;
          background: url(http://i32.tinypic.com/m7zus3.png);
        }
[/spoilers]

Donc en gros , j'aimerai pouvoir écris dans le cadre ou chez moi c'est blanc . Au niveau du code, où je dois placer mon texte ? Merci d'avance :;D:


Dernière édition par Vinylvictim le Dim 15 Aoû 2010, 06:53, édité 1 fois
MessageSujet: ( J'ai résolu mon probléme ) :)    ( J'ai résolu mon probléme ) :) EmptyJeu 12 Aoû 2010, 14:48
Revenir en haut Aller en bas
http://youareagleek.1fr1.net/
Vinylvictim
{ Membre }
{ Membre }

Féminin Messages : 3



 ( J'ai résolu mon probléme ) :) Empty
Au final, j'ai trouvé la solutions Smile
MessageSujet: Re: ( J'ai résolu mon probléme ) :)    ( J'ai résolu mon probléme ) :) EmptyDim 15 Aoû 2010, 06:52
Revenir en haut Aller en bas
 

( J'ai résolu mon probléme ) :)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème d'éléments à déplacé : index_box [RESOLU] - viewtopic_body [RESOLU]
» Problème d'affichage [PROBLÈME RÉSOLU]
» [Résolu] Problème de PA
» [résolu] Problème de CSS
» [résolu]Problème QEEL

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit