2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

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


362 megtekintés

Hozzászólások