Diskuze: zesílení přeškrtnutí wordpress
NouF:16.10.2018 14:19
Tak už to vidím i já.
Výsledek je ten, že pro přeškrtnutí se používá tag "DEL". To je fajn, protože máme možnost si v css souboru té šablony, určit cokoliv chceme.
1. krok - najít si css soubor, kam si budeme vkládat vlastní css kod. (normálně bych si vytvořil vlastní css soubor, ale nebudu vás trápit) najdete si tento soubor - http://hospudka-na-horce.cz/…nt/style.css?…
Do toho přidejte na konec:
del {
text-decoration: none;
font-size: 4em;
position: relative;
}
del::after {
border-bottom: 0.125em solid rgba(255, 0, 0, 0.5);
content: "";
left: 0;
line-height: 1em;
margin-top: calc(0.125em / 2 * -1);
position: absolute;
right: 0;
top: 50%;
}
Si myslim, ze sila preskrtnuti by mohla jit nekde v css3 nastavit. Pokud ne,
dal bych tam normalne caru. Googloval jsi? 
<style>
span.skrtni {position:relative;}
span.skrtni span {position:absolute; width:100%; bottom:0.125em; border-top:4px solid #f00; height:4px; display:block;}
</style>
<span class="skrtni">text<span></span></span>
<style>
span.skrtni2 {line-height:16px; font-size:60px; text-decoration:line-through;}
span.skrtni2 span {font-size:12px;}
</style>
<span class="skrtni2"><span>text</span></span>google = text-decoration-line
Rudolf Lichteneger:17.10.2018 13:32
Ahoj, sílu čáry vyřešil "NouF" ale nepovedlo se vyřešit přeškrtnutí tří řádků v tabulce viz. foto. Diky za ochotu, To tvoje řešení je co? moc tomu nerozumím díky. Ruda
Rudolf Lichteneger:18.10.2018 15:11
Děkuji ti moc za snahu mi pomoci ano moc tomu nerozumím, proto jsem se
obrátil sem.
5ešení od "NouF" je dobré, pouze to nedokáže přeškrtnout dva řádky po
sebou ale když udělám mezeru mezi těmi řádky, tak je to v pohodě, viz.
příloha.
Šlo by toto řešení upravit aby to přeškrtlo ty řádky těsně pod
sebou?
Web jsem dělal poprvé v životě bez sebemenších znalostí, podívám se na
to menu "menicko.cz, mesto Opava"
Tady je ten script:
del {
text-decoration: none;
position: relative;
}
del::after {
border-bottom: 0.2em solid rgba(0, 0, 0, 1);
content: "";
left: 0;
line-height: 1em;
margin-top: calc(0.125em / 2 * -1);
position: absolute;
right: 0;
top: 50%;
}
ještě jednou moc děkuji
Pánové, díky všem co se mi snažili pomoci ale vzdal jsem to, Zmenšil jsem velikost písma aby se název vešel na jednu řádku a je to vyřešené. Škoda, že nevím jak by se dala rozšířit plocha editoru (zalamování řádku), aby se vešel název s většími písmy do jednoho řádku.
1. www prohlizec - zobrazit zdrojovy kod stranky
Pripadne ve ff se da udelat ctrl+a - prave tl - zobrazit zdrojovy kod vyberu
(coz veme i html vygenerovane javascriptem, to muze byt v pripade editoru
generovaneho pres js dost klicove)
2. ctrl + a
3. pspad - novy - html (ono to i nudlicky html kodu pekne preformatuje)
4. ctrl + v
5. v menu najit preformatovat html
6. A potom si v tom zjistis id, tridu, div, ve kterem to je a a vytvoris si pro
nej css, ktery pak pridas do sablony.
Otazka asi 5 min to opravit.
Jsem ti poslal reseni. Ty sis je ani nezkusil, ze? ten obrazek mi prisel jako
zajimave, za jistych okolnosti i funkcni reseni.
Z poslednich zprav oznacis posledni 2 bloky kodu. ctrl+c, plocha - prave
tlacitko - novy > textovy soubor - ctrl+v - Soubor>Ulozit jako xx.html. 2x
kliknout na plose.
Ten obrazek funguje tak, ze na pozadi pod textem vykresli vodorovne cary. Cili,
kdyz je to pres 2 radky, vykresli se 2. Muze to delat problem u vice radku a
nebo pri zmene velikosti radku.
Ale, poloz si jinou otazku. Ma smysl na webu u jidelniho listku to skrtat? Proste ten clovek dojde do restaurace a zjisti, ze uz to neni v menu. To se stava. Musi se naucit mit zalozni plan, jinou restauraci, jine jidlo. V Opave to chodi tak, ze nektere menicko je uz v 11:30 vyprodane. Coz pro mne osobne je treba zklamanim. Menicka davaji do 14, takze by aspon do 13 meli mit dost.
Zobrazeno 22 zpráv z 22.