Podświtlanie przycisku w nawigacji na wybrany kolor.

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

09.10.2016, 16:08
#1
Chce dodać do przycisku w header żeby się podświetlał na wybrany przeze mnie kolor :)
09.10.2016, 16:09
#2
Zapoznaj sie z http://www.w3schools.com/cssref/css3_pr_box-shadow.asp
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
09.10.2016, 16:13
#3
Lub użyj samego
color: #kolor
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
09.10.2016, 16:19
#4
(09.10.2016, 16:13)Conors napisał(a): Lub użyj samego
color: #kolor

Mam pytanie a gdzie ja mam to wpisać ?
Niestety ja amator, nawet podstaw nie znam :P
09.10.2016, 16:20
#5
Szablon header

ACP -> Style i szablony -> Szablony -> twój styl -> nagłówek -> header ;)
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
09.10.2016, 16:24
#6
(09.10.2016, 16:20)Conors napisał(a): Szablon header

ACP -> Style i szablony -> Szablony -> twój styl -> nagłówek -> header ;)

To wiem ale w którym miejscu to wkleić
09.10.2016, 16:24
#7
Daj ten szablon.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
09.10.2016, 16:26
#8
Np. Sklep chcesz na czerwono, szukasz
<li id="app_sklep"><a href="http://boxxplay.pl/sklep.php">Sklep</a></li> 
zamieniasz na
<li id="app_sklep"><a href="http://boxxplay.pl/sklep.php" style="color:red;">Sklep</a></li> 
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
09.10.2016, 16:28 (Ten post był ostatnio modyfikowany: 09.10.2016, 16:29 przez Bogusław Witek.)
#9
<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" style="color:red;">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 />
(09.10.2016, 16:26)Fyeem napisał(a): Np. Sklep chcesz na czerwono, szukasz
<li id="app_sklep"><a href="http://boxxplay.pl/sklep.php">Sklep</a></li> 
zamieniasz na
<li id="app_sklep"><a href="http://boxxplay.pl/sklep.php" style="color:red;">Sklep</a></li> 

Ja chce żeby się podświetlał , a jak zrobiłem to co ty to mam tylko napis na czerwono. Ja chce cały przycisk żeby się podświtlał :)
09.10.2016, 16:29 (Ten post był ostatnio modyfikowany: 09.10.2016, 16:31 przez Łukasz.)
#10
Masz przecież zrobione na czerwone sklep. Analogicznie dodajesz to do reszty zmieniając kolor.

(09.10.2016, 16:28)bodzio2315 napisał(a): Ja chce żeby się podświetlał , a jak zrobiłem to co ty to mam tylko napis na czerwono. Ja chce cały przycisk żeby się podświtlał

Dodajesz do tego co masz:

text-shadow: 0px; 0px; 3px; red;
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
09.10.2016, 16:33
#11
(09.10.2016, 16:29)Conors napisał(a): Masz przecież zrobione na czerwone sklep. Analogicznie dodajesz to do reszty zmieniając kolor.

(09.10.2016, 16:28)bodzio2315 napisał(a): Ja chce żeby się podświetlał , a jak zrobiłem to co ty to mam tylko napis na czerwono. Ja chce cały przycisk żeby się podświtlał

Dodajesz do tego co masz:

text-shadow: 0px; 0px; 3px; red;

Nie działa:
<li id="app_sklep"><a href="http://boxxplay.pl/sklep.php" style="color:red; text-shadow: 0px; 0px; 3px; red;">Sklep</a></li>
09.10.2016, 16:34 (Ten post był ostatnio modyfikowany: 09.10.2016, 16:34 przez Łukasz.)
#12
Niepotrzebnie ; dałem xD

text-shadow: 0px 0px 3px red;

Teraz.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
09.10.2016, 16:34 (Ten post był ostatnio modyfikowany: 09.10.2016, 16:36 przez Bogusław Witek.)
#13
http://polskihurtworld.eu/index.php na tym forum np mają podświetlanie całego przycisku i o to mi chodzi :P
(09.10.2016, 16:34)Conors napisał(a): Niepotrzebnie ; dałem xD

text-shadow: 0px 0px 3px red;

Teraz.

<li id="app_sklep"><a href="http://boxxplay.pl/sklep.php" style="color:red; text-shadow: 0px 0px 3px red;">Sklep</a></li>
to samo co było
09.10.2016, 16:36
#14
Myślę że autorowi chodzi o coś takiego:
<li id="app_sklep" style="background:red;"><a href="http://boxxplay.pl/sklep.php">Sklep</a></li>
09.10.2016, 16:37
#15
(09.10.2016, 16:36)ThreeG napisał(a): <li id="app_sklep" style="background:red;"><a href="http://boxxplay.pl/sklep.php">Sklep</a></li>

Dokładnie ale ja chce po najechaniu myszką żeby miało kolor



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

1 gości