Podświtlanie

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

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.
Pokaż szablon header.
<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 />
<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 {
   
margin0;
   
padding0;
}

/* glowny div z like box'em */
#like-box {
   
positionfixed;
   
z-index99;
   
top150px;  /* jego polozenie od gory */
   
left: -296px/* szerokosc wygenerowanego boxa + 4px obramowania */
   
-webkit-transitionleft 0.5s ease-out;
   -
moz-transitionleft 0.5s ease-out;
   -
o-transitionleft 0.5s ease-out;
   
transitionleft 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
   
left0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
   
positionrelative;
   
z-index1;
   
background#3b5999;
   
padding2px;
   
min-width1px;
   
floatleft;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
   
positionrelative;
   
z-index2;
   
background#fff;
}

/* pasek z logo FB */
#like-box .belt {
   
positionrelative;
   
z-index0;
   -
webkit-transformrotate(90deg); /* obrot o 90 stopni */
   
-moz-transformrotate(90deg); /* wiec wysokosc zamienia sie z szerokoscia */
   
-o-transformrotate(90deg); /* obrot o 90 stopni */
   
filterprogid:http://aux.iconpedia.net/uploads/1718881439.png(rotation=1); /* obrot o 90 stopni dla IE */
   
floatleft;
   
width100px/* wysokosc */
   
height40px/* szerokosc */
   
padding7px 0px 0px 20px;
   
margin50px 0px 0px -55px;
   
background#3b5999;
   
color#fff;
   
font-weightbold;
   
font-familyVerdana;
   
font-size16px;
   -
webkit-border-radius6px;
   -
moz-border-radius6px;
   
border-radius6px;
}

#banner {
   
margin0 auto;
   
width450px;
   
height50px;
   
margin-top30%;
}
</
style>
</
head>
<
body>

<!-- 
WYGENEROWANY KOD NR 1 -->
<
div id="fb-root"></div>
<
script>(function(dsid) {
 var 
jsfjs 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(jsfjs);
}(
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: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 {
 
  margin0;
 
  padding0;
}

/* glowny div z like box'em */
#like-box {
 
  positionfixed;
 
  z-index99;
 
  top150px /* jego polozenie od gory */
 
  left: -296px/* szerokosc wygenerowanego boxa + 4px obramowania */
 
  -webkit-transitionleft 0.5s ease-out;
 
  -moz-transitionleft 0.5s ease-out;
 
  -o-transitionleft 0.5s ease-out;
 
  transitionleft 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
 
  left0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
 
  positionrelative;
 
  z-index1;
 
  background#3b5999;
 
  padding2px;
 
  min-width1px;
 
  floatleft;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
 
  positionrelative;
 
  z-index2;
 
  background#fff;
}

/* pasek z logo FB */
#like-box .belt {
 
  positionrelative;
 
  z-index0;
 
  -webkit-transformrotate(90deg); /* obrot o 90 stopni */
 
  -moz-transformrotate(90deg); /* wiec wysokosc zamienia sie z szerokoscia */
 
  -o-transformrotate(90deg); /* obrot o 90 stopni */
 
  filterprogid:http://aux.iconpedia.net/uploads/1718881439.png(rotation=1); /* obrot o 90 stopni dla IE */
 
  floatleft;
 
  width100px/* wysokosc */
 
  height40px/* szerokosc */
 
  padding7px 0px 0px 20px;
 
  margin50px 0px 0px -55px;
 
  background#3b5999;
 
  color#fff;
 
  font-weightbold;
 
  font-familyVerdana;
 
  font-size16px;
 
  -webkit-border-radius6px;
 
  -moz-border-radius6px;
 
  border-radius6px;
}

#banner {
 
  margin0 auto;
 
  width450px;
 
  height50px;
 
  margin-top30%;
}
</
style>
</
head>
<
body>

<!-- 
WYGENEROWANY KOD NR 1 -->
<
div id="fb-root"></div>
<
script>(function(dsid) {
 var 
jsfjs 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(jsfjs);
}(
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



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

1 gości