hlmod.hu

Magyar Half-Life Mód közösség!
Pontos idő: 2024.05.23. 13:03

Megválaszolatlan témák | Aktív témák



» » »


Navigáció
Jelenlévő felhasználók

Jelenleg 178 felhasználó van jelen :: 0 regisztrált, 0 rejtett és 178 vendég

A legtöbb felhasználó (1565 fő) 2020.11.21. 11:26-kor tartózkodott itt.

Regisztrált felhasználók: nincs regisztrált felhasználó az elmúlt 5 percben aktív felhasználók alapján

Utoljára aktív
Ahhoz hogy lásd ki volt utoljára aktív, be kell jelentkezned.



Az oldal teljeskörű
használatához regisztrálj.

Regisztráció

Kereső


Új téma nyitása  Hozzászólás a témához  Oldal: 1 / 1
  [ 8 hozzászólás ] 
  Nyomtatóbarát verzió | Barát értesítése e-mailben Előző téma | Következő téma 
Szerző Üzenet
aron87
 Hozzászólás témája: HTML Header 2 színesen. Hogyan?
HozzászólásElküldve: 2015.01.07. 10:56 
Offline
Felfüggesztve
Avatar

Csatlakozott: 2014.12.05. 20:46
Hozzászólások: 177
Megköszönt másnak: 3 alkalommal
Megköszönték neki: 23 alkalommal
Üdvözlök mindenkit!

A kérdésem igen egyszerű. Van nekem egy kód részletem, amit az index.html -ből másoltam ki.

Kód:
<div class="da-slide">
        <h2 style="color:limegreen"><a href="#" class="da-link">Ez a HEADER 2 Szöveg kellene színesen</a></h2>
        <p>Infó 1<br />
          Infó 2</p>
        <div class="da-img"><img alt="alt_example" src="Kép elérési útja"  /></div>


Előre is köszönöm a válaszotokat!

UI: Ez <h2 style="color:limegreen"> ne zavarjon meg titeket, ezt utólag próbáltam, de nem működött. Próbáltam HEX kóddal, azzal se ment.

_________________
Kép
Kép


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
CeDee
 Hozzászólás témája: Re: HTML Header 2 színesen. Hogyan?
HozzászólásElküldve: 2015.01.07. 11:19 
Offline
Nagyúr
Avatar

Csatlakozott: 2011.12.18. 10:40
Hozzászólások: 671
Megköszönt másnak: 5 alkalommal
Megköszönték neki: 20 alkalommal
Ha letrehoznal egy kulon stilusfajlt atlathatobba teheted a kodod. Ha letrehoztal egy ilyet (pl. Style.css) es belinkelted a Head részbe (link rel stylesheet blabla) utanna csak hivqtkozol a class-ra: .da-link { color: Green; }

_________________
Kép


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
aron87
 Hozzászólás témája: Re: HTML Header 2 színesen. Hogyan?
HozzászólásElküldve: 2015.01.08. 02:07 
Offline
Felfüggesztve
Avatar

Csatlakozott: 2014.12.05. 20:46
Hozzászólások: 177
Megköszönt másnak: 3 alkalommal
Megköszönték neki: 23 alkalommal
CeDee írta:
Ha letrehoznal egy kulon stilusfajlt atlathatobba teheted a kodod. Ha letrehoztal egy ilyet (pl. Style.css) es belinkelted a Head részbe (link rel stylesheet blabla) utanna csak hivqtkozol a class-ra: .da-link { color: Green; }


Beleírtam azt is. Világos kék HEX -t használtam, de így se jó.

Kód:
@charset "utf-8";

/* -----------------------------------------
  Fejléc
----------------------------------------- */

#post_wrapper h1, #post_wrapper h2, #post_wrapper h3, #post_wrapper h4, #post_wrapper h5, #post_wrapper h6{
   text-shadow: none;
   font-family: 'Oswald', Helvetica, Arial, sans-serif;
   font-weight: 700;
   text-transform: uppercase;

}

#post_wrapper h1, #post_wrapper h2{
   padding: 15px 0px 10px 0px;
   width: 500px;
   color: #2AC0FF;
   display: block;
   margin: 0px 0px 0px 0px;
   float: left;
   background: none;
   font-size: 14px;
}

#post_wrapper h3, #post_wrapper h4, #post_wrapper h5, #post_wrapper h6{
   font-size:12px;
   margin:10px 0px 10px 0px;
}

#post_wrapper h3{
   color: #2AC0FF;
}

#post_wrapper h4{
   color: #333333;
}

#post_wrapper h5{
   color: #666666;
}

#post_wrapper h6{
   color: #999999;
}


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
CrB
 Hozzászólás témája: Re: HTML Header 2 színesen. Hogyan?
HozzászólásElküldve: 2015.01.08. 05:10 
Offline
Őskövület
Avatar

Csatlakozott: 2012.02.27. 09:42
Hozzászólások: 2588
Megköszönt másnak: 26 alkalommal
Megköszönték neki: 418 alkalommal
a css ben hivatokozz a da-link class ra vagy a da-slide on belűli h2 re

Kód:
.da-link { color: #fff}

vagy

.da-slide h2 {color: #fff}

_________________
Kép


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
aron87
 Hozzászólás témája: Re: HTML Header 2 színesen. Hogyan?
HozzászólásElküldve: 2015.01.08. 11:41 
Offline
Felfüggesztve
Avatar

Csatlakozott: 2014.12.05. 20:46
Hozzászólások: 177
Megköszönt másnak: 3 alkalommal
Megköszönték neki: 23 alkalommal
Lehet hogy én rontok el valamit, de még most se jó. Így csináltam:

Kód:
@charset "utf-8";

/* -----------------------------------------
  Headers
----------------------------------------- */

#post_wrapper h1, #post_wrapper h2, #post_wrapper h3, #post_wrapper h4, #post_wrapper h5, #post_wrapper h6{
   text-shadow: none;
   font-family: 'Oswald', Helvetica, Arial, sans-serif;
   font-weight: 700;
   text-transform: uppercase;

}

#post_wrapper h1, #post_wrapper h2{
   padding: 15px 0px 10px 0px;
   width: 500px;
   color: #2AC0FF;
   display: block;
   margin: 0px 0px 0px 0px;
   float: left;
   background: none;
   font-size: 14px;
}

#post_wrapper h3, #post_wrapper h4, #post_wrapper h5, #post_wrapper h6{
   font-size:12px;
   margin:10px 0px 10px 0px;
}

#post_wrapper h3{
   color: #2AC0FF;
}

#post_wrapper h4{
   color: #333333;
}

#post_wrapper h5{
   color: #666666;
}

#post_wrapper h6{
   color: #999999;
}

.da-slide h2 {color: #999999}

_________________
Kép
Kép


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
CrB
 Hozzászólás témája: Re: HTML Header 2 színesen. Hogyan?
HozzászólásElküldve: 2015.01.08. 13:14 
Offline
Őskövület
Avatar

Csatlakozott: 2012.02.27. 09:42
Hozzászólások: 2588
Megköszönt másnak: 26 alkalommal
Megköszönték neki: 418 alkalommal
tessék írtam neked egy elég egyszerű példát.

html
Kód:
<html>
<head>
   <title>asd</title>
   <link rel="stylesheet" href="style.css" />
</head>
<body>
   <div id="wrapper">
      <div id="header">
         <h2>Szöveg</h2>
         <ul>
            <li><a href="#">Menü1</a></li>
            <li><a href="#">Menü2</a></li>
            <li><a href="#">Menü3</a></li>
         </ul>
      </div>
   </div>
</body>
</html>


css
Kód:
body { margin: 0; padding: 0; border: 0; }
#wrapper {
   width: 800px;
   height: 600px;
   margin: 0 auto;
   background: #666;
}
#header { padding: 30px; background: limegreen; }
#header h2 {
   color: #fff;
   font-size: 20px;
   float:left;
   margin-top: -5px;
   text-shadow: 2px 2px 6px rgba(150, 150, 150, 1);
}
#header ul{
   list-style: none;
   margin-left: 440px;
   margin-top: -5px;
}
#header ul li a {
   color: grad;
   text-decoration: none;
   text-shadow: 2px 2px 6px rgba(150, 150, 150, 1);
   padding: 20px;
}
#header ul li a:hover {
   color: grad;
   text-decoration: none;
   text-shadow: 2px 2px 6px rgba(150, 150, 150, 1);
   background: #000;
}
#header ul li { float:left }

_________________
Kép


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
aron87
 Hozzászólás témája: Re: HTML Header 2 színesen. Hogyan?
HozzászólásElküldve: 2015.01.08. 20:59 
Offline
Felfüggesztve
Avatar

Csatlakozott: 2014.12.05. 20:46
Hozzászólások: 177
Megköszönt másnak: 3 alkalommal
Megköszönték neki: 23 alkalommal
Ebbe bele tudnád írni nekem?

Kód:
@charset "utf-8";

/* -----------------------------------------
  Headers
----------------------------------------- */

#post_wrapper h1, #post_wrapper h2, #post_wrapper h3, #post_wrapper h4, #post_wrapper h5, #post_wrapper h6{
   text-shadow: none;
   font-family: 'Oswald', Helvetica, Arial, sans-serif;
   font-weight: 700;
   text-transform: uppercase;

}
/*Ez a rész legyen színes, tehát csak a H2*/
#post_wrapper h1, #post_wrapper h2{
   padding: 15px 0px 10px 0px;
   width: 500px;
   color: #2AC0FF;
   display: block;
   margin: 0px 0px 0px 0px;
   float: left;
   background: none;
   font-size: 14px;
}

#post_wrapper h3, #post_wrapper h4, #post_wrapper h5, #post_wrapper h6{
   font-size:12px;
   margin:10px 0px 10px 0px;
}

#post_wrapper h3{
   color: #2AC0FF;
}

#post_wrapper h4{
   color: #333333;
}

#post_wrapper h5{
   color: #666666;
}

#post_wrapper h6{
   color: #999999;
}

_________________
Kép
Kép


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
CrB
 Hozzászólás témája: Re: HTML Header 2 színesen. Hogyan?
HozzászólásElküldve: 2015.01.09. 13:53 
Offline
Őskövület
Avatar

Csatlakozott: 2012.02.27. 09:42
Hozzászólások: 2588
Megköszönt másnak: 26 alkalommal
Megköszönték neki: 418 alkalommal
ehhez kéne a html váz is.

Kód:
 margin: 0px 0px 0px 0px; --> ez helyett elég a margin: 0; 


Ez nem fontos de nagy oldalaknál nem kevéset spórolsz. HTML5 és CSS3 esetén css ben az utolsó parancs után nem kell ; ezzel is tudsz spórolni.

css nagyjából rendben van szal html ben lesz a hiba.

_________________
Kép


Hozzászólás jelentése
Vissza a tetejére
   
Hozzászólás az előzmény idézésével  
Hozzászólások megjelenítése:  Rendezés  
Új téma nyitása  Hozzászólás a témához  Oldal: 1 / 1
  [ 8 hozzászólás ] 

» » »


Ki van itt

Jelenlévő fórumozók: nincs regisztrált felhasználó valamint 3 vendég

Nyithatsz új témákat ebben a fórumban.
Válaszolhatsz egy témára ebben a fórumban.
Nem szerkesztheted a hozzászólásaidat ebben a fórumban.
Nem törölheted a hozzászólásaidat ebben a fórumban.
Nem küldhetsz csatolmányokat ebben a fórumban.

Keresés:
Ugrás:  
Powered by phpBB® Forum Software © phpBB Limited
Magyar fordítás © Magyar phpBB Közösség
Portal: Kiss Portal Extension © Michael O'Toole