BLASSENweb - the future of your web !

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

Hlavní nabídka

· Intro
· Úvod
· Podmínky užívání serveru

Služby od nás pro vás

· Kontaktujte nás
· FAQ
(nejčastější dotazy)
· Novinky-Aktuality

Vyhledávání

· Doporučit nás
· Novinky e-mailem
· Ankety

· Diskuzní fórum
· Kniha návštěv
· Chat

Pro volné chvíle

· Čínský horoskop
· Keltský horoskop
· Love test
· Počítadlo života
· On-line HERNA
· Pro pobavení
· Wallpapers
· Recenze
· Generátor čísel loterie
· Dietní kalkulačka

· Dolls Maker
· Dolls Maker 2
· Dolls Maker 3
· Dolls Icon Maker

· Světový čas
· Konverze Jednotek

Něco na čtení

· Novinky
· Archív článků
· Témata
· Citáty a Motta
· Napište článek
· Top 10
· RSS/XML čtečka

Odkazy

· Top-List
· Dobré weby

Ke stažení

· Download centrum
· Seznam souborů

Možnosti pro Vás

Budík / Hodiny / Kalendář

Budík

O dnešku

Den: Sobota
Datum: 5. července
Rok: 2008

Svátek má:

Dnes: Státní svátek - Cyril a Metoděj
Zítra: Státní svátek - Mistr Jan Hus
Pozítří: Bohuslava

Reklama

Doporučujeme vám:

Magic SEO URL - Optimalizace pro vyhledávače

Zblízka.cz - online webkamery
E-zábava.net - porce zábavy
Tvorba webu polopatě

Bublinková nápověda

Publikováno: Úterý, 09.05. 2006 - 18:59:01
Publikoval: Blassen Téma: Tworba www - (JavaScript & html & Font)

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

Publikoval: Blassen

Anketa

Související odkazy

· Více o tématu Tworba www - (JavaScript & html & Font)
· Další články od Blassen

Nejčtenější článek na téma Tworba www - (JavaScript & html & Font):
Bublinková nápověda

Možnosti

Vytisknout článek

Související témata

Komentáře vlastní jejich autoři. Neodpovídáme za jejich obsah.

Snadná aktualizace

Při návrhu webové stránky nestačí počítat pouze s originálním a pěkným designem, ale i se snadnou aktualizací obsahu.
Pro snadou aktualizaci stránek nemusíte být zkušený programátor, ale postačí, pokud jsou Vaše stránky vytvořeny pomocí CMS (content management system), umožňující snadnou správu obsahu webových stránek.