Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Podświtlanie

Szukam  Założony przez  Bogusław Witek.

25.10.2016, 20:54 (Ten post był ostatnio modyfikowany: 25.10.2016, 20:55 przez Bogusław Witek.)
#1
Używam tego kodu w global.css

.meni li:hover {
  background: green;
}
Jak ustawić to tak jak na screenie napisane.
[Obrazek: Isp61ql.png]
Ktoś mógł mnie źle zrozumieć aktualnie podświetla się to i to a chce żeby podświetlała się tylko ta belka gdzie jest sklep itd.
25.10.2016, 21:05
#2
Pokaż szablon header.
25.10.2016, 21:19
#3
<title>Wysuwany Like Box</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta content="..." name="description" />
<meta content="..." name="keywords" />
<style>
body {
   margin: 0;
   padding: 0;
}

/* glowny div z like box'em */
#like-box {
   position: fixed;
   z-index: 99;
   top: 150px;  /* jego polozenie od gory */
   left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
   -webkit-transition: left 0.5s ease-out;
   -moz-transition: left 0.5s ease-out;
   -o-transition: left 0.5s ease-out;
   transition: left 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
   left: 0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
   position: relative;
   z-index: 1;
   background: #3b5999;
   padding: 2px;
   min-width: 1px;
   float: left;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
   position: relative;
   z-index: 2;
   background: #fff;
}

/* pasek z logo FB */
#like-box .belt {
   position: relative;
   z-index: 0;
   -webkit-transform: rotate(90deg); /* obrot o 90 stopni */
   -moz-transform: rotate(90deg); /* wiec wysokosc zamienia sie z szerokoscia */
   -o-transform: rotate(90deg); /* obrot o 90 stopni */
   filter: progid:http://aux.iconpedia.net/uploads/1718881439.png(rotation=1); /* obrot o 90 stopni dla IE */
   float: left;
   width: 100px; /* wysokosc */
   height: 40px; /* szerokosc */
   padding: 7px 0px 0px 20px;
   margin: 50px 0px 0px -55px;
   background: #3b5999;
   color: #fff;
   font-weight: bold;
   font-family: Verdana;
   font-size: 16px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

#banner {
   margin: 0 auto;
   width: 450px;
   height: 50px;
   margin-top: 30%;
}
</style>
</head>
<body>

<!-- WYGENEROWANY KOD NR 1 -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "http://connect.facebook.net/pl_PL/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- KONIEC WYGENEROWANEGO KODU NR 1 -->

<!-- DIV Z LIKE BOX'EM -->
<div id="like-box">
   <div class="outside">
       <div class="inside">
           <!-- WYGENEROWANY KOD NR 2 -->
           <div class="fb-like-box" data-href="https://www.facebook.com/serwerowniaboxxplay/" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>
           <!-- KONIEC WYGENEROWANEGO KODU NR 2 -->
       </div>
   </div>
   <div class="belt">facebook</div>
</div>
<!-- KONIEC FB BOXU -->
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />

<a name="top" id="top"></a>
<div id="container">
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
{$quicksearch}
</div>
</div>
<ul class="meni" style="z-index: 99999; position: fixed; top: 0px; width: 100%;">
<div class="wrapper">
<li id='app_home' class='left active'><a {$index_active} href="http://boxxplay.pl/index.php" title="Strona Główna"> <img src="http://i.imgur.com/QxJE9Bd.png" /> </a></li>
   <li id="app_sklep" ><a href="http://boxxplay.pl/sklep.php">Sklep</a></li>
<li id="app_ekipa" ><a href="http://boxxplay.pl/showteam.php/">Nasza Ekipa</a></li>
                   <li id="app_twitter" ><a href="http://boxxplay.pl/memberlist.php"/>Użytkownicy</a></li>
<li id="app_zadarmo" ><a href="http://boxxplay.pl/darowizna.php/">Przekaż Darowiznę</a></li>
<div style="float:right;"><li>{$welcomeblock}</li></div>
</div>
</ul>
<div class="wrapper">
<div id="content">
<navigation>
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<br />
25.10.2016, 21:21
#4
<title>Wysuwany Like Box</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta content="..." name="description" />
<meta content="..." name="keywords" />
<style>
body {
   margin: 0;
   padding: 0;
}

/* glowny div z like box'em */
#like-box {
   position: fixed;
   z-index: 99;
   top: 150px;  /* jego polozenie od gory */
   left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
   -webkit-transition: left 0.5s ease-out;
   -moz-transition: left 0.5s ease-out;
   -o-transition: left 0.5s ease-out;
   transition: left 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
   left: 0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
   position: relative;
   z-index: 1;
   background: #3b5999;
   padding: 2px;
   min-width: 1px;
   float: left;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
   position: relative;
   z-index: 2;
   background: #fff;
}

/* pasek z logo FB */
#like-box .belt {
   position: relative;
   z-index: 0;
   -webkit-transform: rotate(90deg); /* obrot o 90 stopni */
   -moz-transform: rotate(90deg); /* wiec wysokosc zamienia sie z szerokoscia */
   -o-transform: rotate(90deg); /* obrot o 90 stopni */
   filter: progid:http://aux.iconpedia.net/uploads/1718881439.png(rotation=1); /* obrot o 90 stopni dla IE */
   float: left;
   width: 100px; /* wysokosc */
   height: 40px; /* szerokosc */
   padding: 7px 0px 0px 20px;
   margin: 50px 0px 0px -55px;
   background: #3b5999;
   color: #fff;
   font-weight: bold;
   font-family: Verdana;
   font-size: 16px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

#banner {
   margin: 0 auto;
   width: 450px;
   height: 50px;
   margin-top: 30%;
}
</style>
</head>
<body>

<!-- WYGENEROWANY KOD NR 1 -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "http://connect.facebook.net/pl_PL/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- KONIEC WYGENEROWANEGO KODU NR 1 -->

<!-- DIV Z LIKE BOX'EM -->
<div id="like-box">
   <div class="outside">
       <div class="inside">
           <!-- WYGENEROWANY KOD NR 2 -->
           <div class="fb-like-box" data-href="https://www.facebook.com/serwerowniaboxxplay/" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>
           <!-- KONIEC WYGENEROWANEGO KODU NR 2 -->
       </div>
   </div>
   <div class="belt">facebook</div>
</div>
<!-- KONIEC FB BOXU -->
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />

<a name="top" id="top"></a>
<div id="container">
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
{$quicksearch}
</div>
</div>
<ul class="meni" style="z-index: 99999; position: fixed; top: 0px; width: 100%;">
<div class="wrapper">
<li id='app_home' class='left active'><a {$index_active} href="http://boxxplay.pl/index.php" title="Strona Główna"> <img src="http://i.imgur.com/QxJE9Bd.png" /> </a></li>
   <li id="app_sklep" ><a href="http://boxxplay.pl/sklep.php">Sklep</a></li>
<li id="app_ekipa" ><a href="http://boxxplay.pl/showteam.php/">Nasza Ekipa</a></li>
                   <li id="app_twitter" ><a href="http://boxxplay.pl/memberlist.php"/>Użytkownicy</a></li>
<li id="app_zadarmo" ><a href="http://boxxplay.pl/darowizna.php/">Przekaż Darowiznę</a></li>
<div style="float:right;">{$welcomeblock}</div>
</div>
</ul>
<div class="wrapper">
<div id="content">
<navigation>
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<br /> 
25.10.2016, 21:27 (Ten post był ostatnio modyfikowany: 25.10.2016, 21:29 przez Ardex.)
#5
(25.10.2016, 21:21)Kacper Wojciechowski napisał(a):
<title>Wysuwany Like Box</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<meta content="..." name="description" />
<meta content="..." name="keywords" />
<style>
body {
   margin: 0;
   padding: 0;
}

/* glowny div z like box'em */
#like-box {
   position: fixed;
   z-index: 99;
   top: 150px;  /* jego polozenie od gory */
   left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
   -webkit-transition: left 0.5s ease-out;
   -moz-transition: left 0.5s ease-out;
   -o-transition: left 0.5s ease-out;
   transition: left 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
   left: 0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
   position: relative;
   z-index: 1;
   background: #3b5999;
   padding: 2px;
   min-width: 1px;
   float: left;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
   position: relative;
   z-index: 2;
   background: #fff;
}

/* pasek z logo FB */
#like-box .belt {
   position: relative;
   z-index: 0;
   -webkit-transform: rotate(90deg); /* obrot o 90 stopni */
   -moz-transform: rotate(90deg); /* wiec wysokosc zamienia sie z szerokoscia */
   -o-transform: rotate(90deg); /* obrot o 90 stopni */
   filter: progid:http://aux.iconpedia.net/uploads/1718881439.png(rotation=1); /* obrot o 90 stopni dla IE */
   float: left;
   width: 100px; /* wysokosc */
   height: 40px; /* szerokosc */
   padding: 7px 0px 0px 20px;
   margin: 50px 0px 0px -55px;
   background: #3b5999;
   color: #fff;
   font-weight: bold;
   font-family: Verdana;
   font-size: 16px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

#banner {
   margin: 0 auto;
   width: 450px;
   height: 50px;
   margin-top: 30%;
}
</style>
</head>
<body>

<!-- WYGENEROWANY KOD NR 1 -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "http://connect.facebook.net/pl_PL/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- KONIEC WYGENEROWANEGO KODU NR 1 -->

<!-- DIV Z LIKE BOX'EM -->
<div id="like-box">
   <div class="outside">
       <div class="inside">
           <!-- WYGENEROWANY KOD NR 2 -->
           <div class="fb-like-box" data-href="https://www.facebook.com/serwerowniaboxxplay/" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>
           <!-- KONIEC WYGENEROWANEGO KODU NR 2 -->
       </div>
   </div>
   <div class="belt">facebook</div>
</div>
<!-- KONIEC FB BOXU -->
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />

<a name="top" id="top"></a>
<div id="container">
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
{$quicksearch}
</div>
</div>
<ul class="meni" style="z-index: 99999; position: fixed; top: 0px; width: 100%;">
<div class="wrapper">
<li id='app_home' class='left active'><a {$index_active} href="http://boxxplay.pl/index.php" title="Strona Główna"> <img src="http://i.imgur.com/QxJE9Bd.png" /> </a></li>
   <li id="app_sklep" ><a href="http://boxxplay.pl/sklep.php">Sklep</a></li>
<li id="app_ekipa" ><a href="http://boxxplay.pl/showteam.php/">Nasza Ekipa</a></li>
                   <li id="app_twitter" ><a href="http://boxxplay.pl/memberlist.php"/>Użytkownicy</a></li>
<li id="app_zadarmo" ><a href="http://boxxplay.pl/darowizna.php/">Przekaż Darowiznę</a></li>
<div style="float:right;">{$welcomeblock}</div>
</div>
</ul>
<div class="wrapper">
<div id="content">
<navigation>
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<br /> 
Tak jest nawet lepiej niż chciałem, dzięki :D . Już daje punkty reputacji :)
Ardex napisał 25.10.2016, 21:29:
Pamiętaj aby oznaczać temat jako rozwiązany, wybierając najlepsze posty
Jak oznaczyć tematy jako rozwiązane?



Użytkownicy przeglądający ten wątek:

1 gości