Cikkajánló
Leírom, hogy én hogyan szoktam telepíteni és használni egy WordPress témát. Azért írom le, mert meglepő, de egy csomó kérdést kapok ezzel kapcsolatban. Az is igaz, hogy ha valami
Régebben már hoztam arról leírást, hogy például egy Coppermine Galériából hogyan lehet csoportosan képeket letölteni. Jó az a leírás még most is, de most hoztam egy annál egyszerűbbet. Sőt,
4. rész   Magyarul a sitetop a szerkeszthető fejléc CSS kódrésze. Ha használjátok a szerkeszthető fejlécet pl. menünek vagy igazából bárminek, akkor a CSS kódban be lehet állítani, hogy
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
CSS kód régi verziókhoz

A G-Portálosoknak annyit szeretnék hozzáfűzni, ha G-Portálon használod a CuteNews-t: hogy ugyanúgy egy tárhelyre kell feltölteni a CSS kódot. Nem elég a portálodon beilleszteni egy egyszerű modulba.

 

/* szövegdoboz kódja */
/* ETTŐL */
.egeszmodul {
/* az egész táblakód. Itt a szélesség beállítása a lényeg */
        background: transparent;
        HEIGHT: 100%; /* szövegdobozod magassága. Ezt nem kell bántani */
        width: 564px; /* szövegdobozod szélessége */
}
.cim { /* hírek cím stílusa  */
       font-family: "Times New Roman"; /* cím betűtípusa */
       font-size: 17px; /* cím betűmérete  */
       font-weight: bold; /* betűvastagság legyen vagy ne */
       color: #464646; /* cím betűszíne  */
       text-align: center; /* cím helyzete: jobbra, középen vagy balra */
       font-style: italic; /* betűstílus dőlt */
       background-image: url(http://lindadesign.bplaced.net/pictures/textbox/fejlec.png);
       height: 194px; /* szövegdoboz felső részének a PONTOS magassága */
       width: 564px; /* szövegdoboz felső részének a PONTOS szélessége */
}

 

.datum { /* a dátum és cikkíró kinézete  */
      font-family: Tahoma; /* dátum betűtípusa */
      font-size: 11px; /* dátum betűmérete  */
      font-weight: normal; /* betűvastagság legyen vagy ne */
      color: #999999; /* dátum betűszíne  */
      text-align: center; /*  dátum helyzete: jobbra, középen vagy balra */
      font-style: normal; /* betűstílus dőlt vagy normal */
      padding-bottom: 15px; /* dátum helyzete lentről. Ennyi pixellel kerül feljebb a dátum */
      padding-top: 0px; /* dátum helyzete fentről. Ennyi pixellel kerül lejjebb a dátum */
      padding-left: 0px; /* dátum helyzete balról. Ennyi pixellel kerül jobbra a dátum */    
      padding-right: 0px; /* dátum helyzete jobbról. Ennyi pixellel kerül balra a dátum */
}

.tartalom { /* a cikk kinézete  */
      font-size: 12px;
      font-style: normal;
      line-height: 1.5em;
      color: #666666;
      border: 0px solid #E5E5E5;
      text-align: justify;
      font-family: Georgia, "Times New Roman", Times, serif;
      margin-top: 0px;
      background-image: url(http://lindadesign.bplaced.net/pictures/textbox/hatter.png);
      height: 100%; /* ez MARAD!!!! */
      padding-right: 20px; /* hogy a szöveg és a szövegdoboz széle között legyen egy kis táv jobbról */
      padding-left: 20px; /* hogy a szöveg és a szövegdoboz széle között legyen egy kis táv balról */
}

.lablec { /* szövegdoboz lábléce  */
      background-image: url(http://lindadesign.bplaced.net/pictures/textbox/lablec.png);
      height: 253px; /* szövegdoboz alsó részének a PONTOS magassága */
      width: 564px; /* szövegdoboz alsó részének a PONTOS szélessége */
}
/* EDDIG */

/*  sima kép stílusa */
/* ETTŐL */

img { /* nem linkelt kép kinézete */
      background-color: transparent;
      filter: alpha(opacity=80);
      opacity: 0.8;
      -moz-border-radius:0.7em;
      -webkit-border-radius: 0.7em;}
img:hover{ /* nem linklet kép kinézete, ha ráviszed az egeret */
      background-color: transparent;
      filter: alpha(opacity=90);
      opacity: 1.0;
      cursor: se-resize;
      -moz-border-radius: 0.7em;
      -webkit-border-radius: 0.7em;}
/* EDDIG */
   
/*  linkelt kép  stílusa*/
/* ETTŐL */

a:link img, a:visited img {
      border: 0px solid #abdebf;
      background-color: transparent;
      filter: alpha(opacity=80);
      opacity: 0.8;
      -moz-border-radius:0.9em 0em 0.9em 0em;
      -webkit-border-radius: 0.9em 0em 0.9em 0em;}
a:hover img{
      border: 0px solid #e95a82;
      background-color: #ffffff;
      cursor: help;
      filter: alpha(opacity=90);
      opacity: 1.0;
      -moz-border-radius: 0.9em 0em 0.9em 0em;
      -webkit-border-radius: 0.9em 0em 0.9em 0em;}
/* EDDIG */
   
/*  linkelt szöveg stílusa  */
/* ETTŐL */
   
a:link, a:visited {
      color: #7eb292;
      font-family: Tahoma;
      font-weight: normal;
      font-style: normal;
      font-size: 11px;
      text-decoration: none;}
a:hover {
      color: #b7e3bf;
      font-size: 11px;
      font-weight: normal;
      text-decoration: none;
      text-transform: none;
      font-style: normal;
      font-family: Tahoma;
      border-top: 0px solid #9966cc;
      border-bottom: 0px dotted #e5e5e5;
      cursor: default;}
/* EDDIG */
     
input { /*az a rész, ahol hozzászólásnál beírod a neved és e-mail címed  */
      background-color: #f2f2f2;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-size: 11px;
      color: #d04b70;
      border: 1px solid #DADADA;
      text-align: left;
      padding: 3px;
      font-style: italic;
      font-weight: bold;
}
textarea { /*az a rész, ahova a hozzászólást írod  */
      background-color: #f2f2f2;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-size: 11px;
      color: #5f8da9;
      border: 1px solid #DADADA;
      text-align: justify;
      padding: 3px;
}
table, tr, td { /*táblázatokban lévő szöveg stílusa  */
      background-color: transparent;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-size: 11px;
      color: #c0ae78;
}
   
/*  VASTAG, ALÁHÚZOTT, DŐLT betustílusok  */
     
STRONG {
      COLOR: #2c780d;
      FONT-SIZE: 9px;
      letter-spacing: 0px;
      FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
}
U {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      line-height: 0px;
      TEXT-TRANSFORM: lowercase;
      color: #fa7493;
      font-weight: bold;
      text-decoration: none;
      letter-spacing: 0px;}
EM {
      COLOR: #666666;
      letter-spacing: px;
      FONT-SIZE: 10px;
      FONT-FAMILY: georgia;
      border-bottom: 0px dashed #6d927d;
}

lindadesign Hozzászólások
351 megtekintés

Hozzászólások