hlmod.hu :: HTML Header 2 színesen. Hogyan?

hlmod.hu https://hlmod.hu/

HTML Header 2 színesen. Hogyan? https://hlmod.hu/viewtopic.php?f=18&t=18871	Oldal: 1 / 1

Szerző:	aron87 [ 2015.01.07. 10:56 ]
Hozzászólás témája:	HTML Header 2 színesen. Hogyan?
Ü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.

Szerző:	CeDee [ 2015.01.07. 11:19 ]
Hozzászólás témája:	Re: HTML Header 2 színesen. Hogyan?
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; }

Szerző:

aron87 [ 2015.01.08. 02:07 ]

Hozzászólás témája:

Re: HTML Header 2 színesen. Hogyan?

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

Szerző:	CrB [ 2015.01.08. 05:10 ]
Hozzászólás témája:	Re: HTML Header 2 színesen. Hogyan?
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}

Szerző:

aron87 [ 2015.01.08. 11:41 ]

Hozzászólás témája:

Re: HTML Header 2 színesen. Hogyan?

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}

Szerző:

CrB [ 2015.01.08. 13:14 ]

Hozzászólás témája:

Re: HTML Header 2 színesen. Hogyan?

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 }

Szerző:

aron87 [ 2015.01.08. 20:59 ]

Hozzászólás témája:

Re: HTML Header 2 színesen. Hogyan?

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

Szerző:	CrB [ 2015.01.09. 13:53 ]
Hozzászólás témája:	Re: HTML Header 2 színesen. Hogyan?
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.

Oldal: 1 / 1	Minden időpont UTC+02:00 időzóna szerinti
Powered by phpBB® Forum Software © phpBB Limited https://www.phpbb.com/