Bublinková nápověda

Jste anonymní uživatel. Můžete se zdarma zaregistrovat zde

Objevte dynamické www stránky v profesionální kvalitě.

http://blassenweb.net v4.0

Dobré odpoledne ! Není již čas ke svačině ?

Vyhledávání

RYCHLÉ ODKAZY

Také hledáte rychlý, bezpečný a spolehlivý systém, který vám umožní bezstarostnou správu webu ? United-Nuke je řešení právě pro vás - stáhněte si jeho aktuální verzi a objevte stovky funkcí, které nabízí.

Nová verze:
UNITED-NUKE 4.2.08ms2 - new version
Uživatelská příručka:
UNITED-NUKE User Guide CZ v2007.1
Čeština:
Czech Language Pack for UNITED-NUKE 4.2.08ms2

NEVÍTE SI RADY...
Nevíte si rady s koupí domény ? S výběrem webhostingu ? Rádi vám poradíme. log in!

Pro volné chvíle

Generátor čísel loterie

Dietní kalkulačka

~~Dolls Maker~~

~~Dolls Maker 2~~

~~Dolls Maker 3~~

~~Dolls Icon Maker~~

~~Světový čas~~

Konverze Jednotek

Informace o počítači

Možnosti pro Vás

Sdílet na FB

Odkazy

Zajímavé odkazy
Těhotenské rifle

Doporučujeme vám:

Tvorba webu polopatě

Reklama

Sponzor

Bublinková nápověda

Publikováno: 09.05, 2006
Publikoval: Blassen Téma: Tworba www - (JavaScript & html & Font) počet slov: 575

Potřebujete někde v textu nebo v bloku či modulu nápovědu třeba na určitý výraz

Nebo prostě jen nápovědu k odkazu ,aby uživatelé věděly co je čeká?

Samozřejmě někdy stačí jen alt=“sem něco“ nebo title="Domů" ,ale ne vždy jeto dostačující a vyhovující

Nehledě na fakt ,že to máte v jednom řádku a hlavně nezobrazí se to ve všech prohlížečích.

Proto vám ukážu Jesi vidis toto Nápověda je tu :) Toto

Jde o CSS a možno to dát i do modulu nebo bloku.Výhoda je taková ,že bito mělo jít ve všech prohlížečích. CSS které potřebujete je :

{ Kód }:



<style type="text/css" id="default" title="default" >

p

{

text-align: arial;

}



p a

{

font-weight: bold;

cursor: help;

background: #ffffff;

color: black;

text-decoration: none;

}



p a:hover

{

background: #ffffff;

}



p a span

{

position: relative;

font-size: 90%;

font-weight: normal;

text-align: left;

}



p a span span

{

display: block;

position: absolute;

visibility: hidden;

top: 2em;

left: .5em;

padding: .2em .5em;

width: 10em;

background: #ffffff;

border: solid #000000 4px;

}



p a:hover span span

{

visibility: visible;

}

</style>

Toto je řádek z samotnou nápovědou a ta vypadá třeba takto:(CSS musí bejt nad tímto řádkem !!!!)

{ Kód }:



<p>

<a href="#" class="help"><span>Zde jakýkoliv text<span>Skryta nápověda je tu </span></span>Toto</a>

</p>

Pokud by jste chtěly například odkaz z funkci okénka z nápovědou pro Block tak to celé vypadá takto:

{ Kód }:



<?php

#### Vygenerovano pomoci Creatoru na Blassenwebu (http://blassenweb.net) ###

if (stristr($_SERVER['SCRIPT_NAME'], basename(__FILE__)) OR !defined('UN_KERNELFILES_LOADED')) {

Header("Location: ../index.php");

die();

}



?>



<style type="text/css" id="default" title="default" >

p

{

text-align: justify;

}



p a

{

font-weight: bold;

cursor: help;

background: #fafafa;

color: black;

text-decoration: none;

}



p a:hover

{

background: #ffffff;

}



p a span

{

position: relative;

font-size: 90%;

font-weight: normal;

text-align: left;

}



p a span span

{

display: block;

position: absolute;

visibility: hidden;

top: 2em;

left: .5em;

padding: .2em .5em;

width: 10em;

background: #fafafa;

border: solid #8A8887 2px;

}



p a:hover span span

{

visibility: visible;

}

</style>



<?



$content ="<p><a href=\"http://hjosef.net\" class=\"help\"><span><span>Web& o United Nuke</span></span>Hjosef.net</a></p>";

?>

Mno a jeto,myslím že to je vše podotýkám v CSS nejsem žádnej profík pokud je tam nějaká chyba nebo jeto zbytečně dlouhé rád si nechám od někoho poradit :) Mě to tak funguje a doufám ,že i vám se to bude třeba hodit.

Celý článek je mým majetkem a bez mého souhlasu zakazuju jeho kopírování a další publikace!!!

Autor: dracek

Sdílet na FB

Publikoval: Blassen

Související témata

Tworba www - (JavaScript & html & Font)

Možnosti

Vytisknout článek

PDF

"Bublinková nápověda" | Přihlásit/Registrovat | 0 komentářů

BLASSENweb jako provozovatel blassenweb.net a přidružených subdomén, nezodpovídá za obsah komentářů. Provozovatel služby si vyhrazuje právo zasahovat do diskuze v případě používání vulgarizmů, osočování a též vždy, když je obsah příspěvku spůsobilý naplnit skutkovou podstatu trestného činu nebo zasahuje do práva na ochranu osobnosti třetích osob. Ve vyjímečném případě může přistoupit k smazání příspěvků nebo zablokování přístupu i těm, kteří přímo neporušují kodex, ale jejich působení je dlouhodobě překážkou slušné a věcné diskuze a obtěžuje ostatní diskutující. Přispíváním komentářů vyjadřujete svůj souhlas s těmito pravidly a zavazujete se je dodržovat. Přidáním příspěvku souhlasíte s možným dalším uveřejněním na blassenweb.net bez nároku na finanční odměnu.

Není povoleno posílat komentáře anonymně, prosím zaregistrujte se.

Stále nemáte svou prezentaci na internetu? A víte, že je to jako byste vůbec neexistovali? Lidé jsou stále více líní a pokud na internetu nenaleznou co hledají (a nejlépe na předních místech vyhledávačů), raději osloví konkurenci, která již webovou prezentaci vlastní. Už jen z toho důvodu, že během pár vteřin naleznou přehled produktů, ceník, kontakt a další pro ně důležité údaje. A přitom je to jedna z nejlevnějších a nejúčinnějších reklam. Zákazníkům dává o důvod víc, proč zvolit zrovna Vás.
Tato prezentace využívá systém pro správu obsahu united-nuke.
Čas potřebný ke zpracování stránky: 0.12 sekund
Vaše šťastné číslo: 110

Dnes je : 10. 02, 2012

BLASSENweb - the future of your web !

Hlavní nabídka

Nástroje

Články

Komunikace

Ostatní

Vyhledávání

RYCHLÉ ODKAZY

NEVÍTE SI RADY...Nevíte si rady s koupí domény ? S výběrem webhostingu ? Rádi vám poradíme. log in!

Pro volné chvíle

Možnosti pro Vás

Odkazy

Doporučujeme vám:

Reklama

Sponzor

Bublinková nápověda

NEVÍTE SI RADY...
Nevíte si rady s koupí domény ? S výběrem webhostingu ? Rádi vám poradíme. log in!