Snippety, vzorky, ukázky, templaty

Pokud vidíš hvězdičky, zkopíruj i hvězdičky a ty následně odmaž aby se zkopírovala i funkcionalita… (části v HTML). Něco půjde kopírovat přímo ze stránky, ale něco bude potřebovat kopírovat z varianty pro úpravy. Aby to nebylo tak snadné, tak něco se musí kopírovat od HTML verze, něco stačí do editoru. Když ale kopírujete z editoru, tak vždy do editoru. Pokud z HTML verze, tak do HTML verze.

O tom, jak správně používat CSS a HTML se můžete dočíst víc tady Tvorba stranek

Menu, které odroluje na odkaz v textu

**********je to naschval dvakrat… jednou pro počítač a jednou pro telefon**********

Cíl odkazu v textu

Další cíl

********Tady musíte přepnout do HTML módu a přepsat nahoře #novynazev odkazu – poznate podle křížku nazačátku a stejně tak přejmenujete id cíle odkazu na novynazev.*********

Obrázek do pozadí

Tentokrát kopírujte do  Custom CSS dole. Pokud chcete pozadí k rubrice, tak mi napište

.site {
background-color: #000;
background-image: url("https://nicehoseneboj.cz/domains/nicehoseneboj.cz/wp-content/uploads/2016/11/WDF_784646sds.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}

Nejdříve přidám obrázek abych se na něj mohl odkázat. V levém panelu klikněte na Média a tam na Přidat soubor. Přetáhněte obrázek do čtverce pro přetažení, uploadujte a po chvíli až bude hotovo, dejte podrobnosti. V podrobnostech zkopírujte adresu a změňte adresu https://nice….. na novou. Otevřete navrženou stránku, zmáčkněte Ctrl + Shift + C  a v konzoli si odlaďte velikost a pozici background-position: 0% 0%; Možno taky v pixelech. Pokud nevíte, hodnotu smažte a zmáčkněte šipku dolů – nabídne vám to možné hodnoty. Pokud chci aby pozadí rolovalo s obsahem, tak dám background-attachment: scroll; pokud nefunguje, zkusím před středník dát !important

Pokud dáváte tmavé pozadí, je nutné dát světlý font… normálně v editoru.  Kdyby se obrázek nenačetl, text by nebyl vidět, proto přidejte k výše uvedenému  background-color: #090909;. Aby text nesplýval se světlejšími místy na obrázku, přidejte do CSS

.post p, .page p {
text-shadow: black 1.3px 1px !important;
}

Seznam odkazů

****Na střed text dostaňte pomocí zvětšit odsazení****

**********************************************

Seznam neodkazů

**************************

Ano je to seznam
neodkazů
takže na ně nekliknete

**************************

Seznam citace

**************************

19 hod – Mini karaoke
20 hod – Jak růst ve 30m² – interaktivní divadlo
21 hod – Promítání bizárních obrazů

**************************

Seznam obrovský

**************************

**************************

Malé odsazení

Magnus – Šablona těchto stránek

OneTone – Další zajímavý text

Parallax

Bento

Citace

******stačí v editoru s označeným textem kliknout na ikonku uvozovek*******

“Ahoj toto řekl Dan téměř nekonečný”

Video z Youtube


Pokud chcete kulaté rohy, přidejte do CSS

embed, iframe, object {
     border-radius: 30px;
     position: relative !important;
}

Button

Samozřejmě změňte odkaz

Kód

*******************************

.site {
    background-color: #000;
}

*******************************

Odstraní nadpis

Přidejte do CSS stránky

.entry-title {
display: none;
}

Nezobrazí se na telefonu

********************

Toto v telefonu nebude.

A tohle taky ne.

********************

Obrázek dole

Podívej se pod komentáře. Obrázek dolů, jde ale použít jenom pokud jsou vyplé komentáře! To znamená na stránku, ne příspěvek. Tady je to jenom pro názornost. Pokud ho chcete zarovnat doleva a přidat pár pixelů

.obrazekdole {
    float: left;
    margin-left: 34px;
}
Kosmonaut s balónkem

Napsat komentář

Vaše emailová adresa nebude zveřejněna.