» Poradna » Web a internet

Pomoc s HTML+CSS kodem

 |   |  Microsoft Windows 7 Chrome 67.0.3396.99

Ahoj,nejsem moc zkuseny tvoritel web stranek, ale snazim se ted na jednom webu udelat rozkliknutelne "menu". Potrebuji aby se po kliknutí na "Praha" otevrela podnabidka slozena z <p></p> kde budou pod sebou telefoni cisla. Nasel jsem na google tohle:" <html><link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"><body><div class="w3-container"><button onclick="myFunction('Demo1')" class="w3-btn w3-block w3-black w3-left-align">Praha</button><div id="Demo1" class="w3-container w3-hide"> <p>cislo1</p> <p>cislo2</p> <p>cislo3</p> <p>cislo4</p> <p>cislo5</p> <p>cislo6</p> <p>cislo7</p> <p>cislo8</p> <p>cislo9</p> <p>cislo10</p> <p>cislo11</p> <p>cislo12</p></div></div><script>function myFunction(id) { var x = document.getElementById(id); if (x.className.indexOf("w3-show") == -1) { x.className += " w3-show"; } else { x.className = x.className.replace(" w3-show", ""); }}</script></body></html>"trochu jsem to upravil a je to presne to co chci jen nevim jak zmenim tu barvu z cerne na napr modrou a jak menit font. Nejspis to bude potreba prepsat protoze mi prijde ze se tam pouziva nejaka sablona, kdyby nekdo vedel jak mi pomoct nebo to zvladl jednoduse prepsat budu moc vdecny. :)Predem dekuji za kazdou radu a pomoc :)

Odpovědi na otázku

avatar
 | Microsoft Windows 7 Chrome 59.0.3071.90

jde ti o to naučit se html nebo si chceš jen udělat web a zabývat se dál pokud možno jeho obsahem? Pokud to druhé, zvaž hotový bezplatný CMS, kde s kódem pracovat nemusíš - všechna ta menu ap. už tam jsou - jen si je pojmenováváš, přidáváš sekce a články píšeš v něčem, co vypadá jako chudý příbuzný Wordu.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 67.0.3396.99

Upravuji firemní intranet na SharePoint, jde mi o přidání toho kódu na stránku. Sharepoint má při úpravě stránky možnost "vložit kód" a tam chci vytvořit to rozkliknutelné "menu" nebo jak to nazvat. Pokud si zkusíte spustit kód co jsem poslal tak vyplň je černá, já potřebuji jinou barvu a nejlépe bez výplně a jen měnit barvu textu.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP AppleMAC-Safari 5.0

Barvu W3 změníš snadno, ale neměl by upravovat firemní intranet raději nějaký 'více zkuseny tvoritel web stranek'?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 67.0.3396.99

Tu barvu jsem už našel taky :D celkově s tím w3 je to jednoduché, ale teď mi sharepoint píše že vkládám nebezpečný kód ..... Nevíte prosím jak tam v textu udělat takové menu prosím ? A souhlas, že by to mohl dělat někdo zkušenější, ale nikoho tu nemáme a hlavně pro upravu sharepointoveho intranetu není potřeba znát kód :)

Souhlasím  |  Nesouhlasím  |  Odpovědět
avatar
 | Microsoft Windows 7 Chrome 59.0.3071.90

mno, skripty jsou apriori považované za nebezpečný kód.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 67.0.3396.99

Takže myslíte, že to tam vložit nepůjde ? A bez toho skriptu to udělat nejde ?

Souhlasím  |  Nesouhlasím  |  Odpovědět
avatar
 | Microsoft Windows 7 Chrome 59.0.3071.90

a musí to být jeden kód? Nemůžeš to řešit víc statickými stránkami a jednou hlavní a obyčejnými hyperlinky?Jakože kliknutím na hyperlink "Praha" na hlavni.htm to přesměruje na praha.htm? Eventuelně jedno htm a hyperlinky v rámci sekcí stránky.BTW, na nějaký slušnější intranet bych osobně použil lokálně běžící CMS - např. ten Wordpress, kde se tohle všechno udělá hravě.Microsoftímu software se snažím vyhnout co nejvíc.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 67.0.3396.99

Odkazy pouze po stránce nejsou tak elegantní řešení, ale asi to bude jediná možnost. Kdyby to bylo na mě tak nikdy sharepoint nepoužíváme, ale to není v mojí kompetenci :D

Souhlasím  |  Nesouhlasím  |  Odpovědět
avatar
 | Microsoft Windows 7 Chrome 59.0.3071.90

zkus si tam vložit tenhle kód - je to přes statické html bez skriptů, klasické sekce s odkazy:https://pastebin.com/peHhAx7cuvidíš, jak to bude fungovat.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 67.0.3396.99

Tohle funguje hezky, ale neskrývá se to. Je to vlastně ten odkaz na stránku jak jsem psal, který není tak elegantní. Hádám že bez skriptu tam asi to objevení textu na klinutí nedám.

Souhlasím  |  Nesouhlasím  |  Odpovědět
avatar
 | Microsoft Windows 7 Chrome 59.0.3071.90

jo, je to jedna stránka s odkazy, co se posouvá. Když se každá sekce doplní linkem "Zpět" tak se ti to bude vracet nahoru na přehled. Řešení sice primitivní, ale taky "čisté".Taky myslím, že bez skriptů ti to, co píšeš, nepůjde. A taky se nedivím, proč se to na skripty dívá kysele, protože v javascriptu jde provést kdejaké svinstvo.Na CMS se tyhle interaktivní fičury dělají v PHP, pokud vím, ale to tady nejspíš nepůjde.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Chrome 67.0.3396.99

Joo asi to udělám podle tebe, ještě jsem našel tohle : http://info.summit7systems.com/blog/how-to-create-dynami... , ale to chce nejspíš přidat rozšíření do sharepointu a to nevím jestli je v mých sílách resp. pravomocích.

Souhlasím  |  Nesouhlasím  |  Odpovědět

Související témata: Show, Hide


Určitě si přečtěte

Hesla jsou zlo. Hackeři napáchali tolik škody právě proto, že vůbec existují

Hesla jsou zlo. Hackeři napáchali tolik škody právě proto, že vůbec existují

** Nikdo si je nepamatuje ** Žádné není zcela bezpečné ** Nejlepší by bylo je prostě zrušit

Jakub Čížek | 59

Vyzkoušeli jsme chytrou čínskou zásuvku Sonoff S26 za tři stovky. Nevyhořeli jsme

Vyzkoušeli jsme chytrou čínskou zásuvku Sonoff S26 za tři stovky. Nevyhořeli jsme

** Je sice z Aliexpressu, ale funguje ** Můžete ji ovládat hlasem přes Amazon Echo nebo Google Home ** Za tři stovky zautomatizuje menší 230V spotřebič

Jakub Čížek | 102

Biblická potopa Česka: Jak bychom dopadli, kdyby nás zatopil oceán

Biblická potopa Česka: Jak bychom dopadli, kdyby nás zatopil oceán

** Představte si biblickou potopu ** Nejprve zaniknou Děčín a Břeclav, pak i Brno a Praha ** Hlavním městem se stane Jihlava a zbytky Čechů přežijí na Kvildě

Jakub Čížek | 92

Už desítky let se pokoušíme odposlouchávat mozek. Rusům se podařil kousek, ze kterého vám spadne brada

Už desítky let se pokoušíme odposlouchávat mozek. Rusům se podařil kousek, ze kterého vám spadne brada

** K odposlechu mozků používáme EEG ** To má ale žalostné informační rozlišení ** Rusům pomohla počítačová neuronová síť

Jakub Čížek | 28

Podívejte se, jak vypadá mikrofon nebo blecha pod elektronovým mikroskopem

Podívejte se, jak vypadá mikrofon nebo blecha pod elektronovým mikroskopem

** Z Brna pochází třetina světové produkce elektronových mikroskopů ** První československý kus vyrobila Tesla už v 50. letech ** Dnes na ni navazuje třeba brněnský Tescan

Jakub Čížek | 19


Aktuální číslo časopisu Computer

Megatest 20 procesorů

Srovnání 15 True Wireless sluchátek

Vyplatí se tisknout fotografie doma?

Vybíráme nejlepší základní desky