#1 16. 11. 2007 20.20

Milan
Nový člen
Registrovaný: 16. 11. 2007
Příspěvky: 3

Ako vložiť emotikony do článkov?

Potrebujem poradiť, ako vložiť emotikony do článkov. Pokiaľ vložím cez < img src, tak emotikonu zobrazuje ako obrázky, ktoré majú v css prednastavené parametre. Tie pre obrázky sú:

#content p img{
        border: 1px solid #000;
        margin-left: 37px;
        margin-right: 37px;
        }

To mi vadí, pretože potom je emotikona dosť odsadená v danej vete. Medzi slovom, emotikonou a ďalším slovom sú veľké medzery (37 px) a samotná emotikona je trochu vyššie nad dolnou hranicou textu, čo spôsobuje, že ďalší riadok je odsadený o niečo nižšie. Vytvára sa tak nepríjemná (vzhľadom) medzera v texte. Potreboval by som poradiť, aké nové parametre pridať do css tak, aby pre emotikony som mal vlastné nastavenia v style.css. Neviem, či som dobre opísal svoj problém.

Teraz obrázky majú aj rámčeky, pre emotikony by som chcel bez rámčeka. Dá sa vôbec pre články pridať nejaký ďalší kód v css, ktorý by platil len pre emotikony? Potrebujem vedieť presne, ako zapísať do terajšieho style.css.

Asi niečo na ten spôsob ako je pre emotikony v komentároch:

p.comments_link  img{
        margin: 0px;
        padding: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        }

Aspoň prosím o nejaké odkazy, kde by som mohol zistiť, ako sa dajú vložiť emotikony do článkov vo Word Press CMS.

V článku na WordPress Smilies sa spomína súbor /wp-includes/vars.php. A mne tie emotikony po vložení napr. emotikony :idea: odsadzuje dosť od seba a navyše o niečo vyššie ako je päta písmen. Napr. sedem         [tú je akože emotikona]           osem. (Je medzi slovami vložením emotikona nielen veľká medzera, vyznie to neprirodzene, ale aj samotná emotikona je umiestnená trochu vyššie, čo spôsobuje zväčšenú medzeru medzi riadkami.)

V súbore vars.php je potrebné niečo upraviť?

// generates smilies' search & replace arrays
foreach($wpsmiliestrans as $smiley => $img) {
        $wp_smiliessearch[] = $smiley;
        $smiley_masked = htmlspecialchars( trim($smiley) , ENT_QUOTES);
        $wp_smiliesreplace[] = " <img src='" . get_settings('siteurl') . "/wp-includes/images/smilies/$img' alt='$smiley_masked' class='wp-smiley' /> ";
}

?>

Dá sa nejako takto?

Do style.css pridať:

#nejaký nový názov{
margin: 0;
border: 0;

}

a vo vars.php ešte čo pridať alebo upraviť? Mne sa zdá, že terajšiu funkciu smiley prepíše do funkcie img, a img je nastavená tak, aby obrázky mali určité vzdialenosti, aj rámček. A ja by som potreboval funkciu smiley tak, aby po vložení napr. kódu :arrow: danú emotikonu nezobrazovalo v rámčeku, ani odsadenú ako to je pri obrázkoch, ktoré sa vkladajú do článov.

Editoval Milan (17. 11. 2007 13.16)

Offline

 

#2 16. 12. 2007 11.08

Renka
Člen
Registrovaný: 10. 12. 2007
Příspěvky: 91

Re: Ako vložiť emotikony do článkov?

To by mě taky zajímalo…

Offline

 

#3 17. 12. 2007 0.59

Scar
WP guru
Místo: Brno
Registrovaný: 4. 11. 2006
Příspěvky: 659
Web

Re: Ako vložiť emotikony do článkov?

Z hlavy by mohlo stačit něco třeba takovéto(jedno řešení z několika):

Do CSS připíšeš:

#content p img smajl{
        border: 0px;
        margin: 0px;
        margin: 0px;
        }

A když budeš vkládat obrázek(smajl), tak s tímto zdrojákem: <img class="smajl" src...


Hraji seafight | WordPress novinky pro přehled o českém světě WP. | blog

Kromě fóra neposkytuji přes mail a messenger žádné neplacené rady či technickou pomoc… Máte li dotaz, použijte tlačítko: Založit nové téma!

Offline

 

#4 17. 12. 2007 11.38

Renka
Člen
Registrovaný: 10. 12. 2007
Příspěvky: 91

Re: Ako vložiť emotikony do článkov?

Tak na wordpress.org jsem našla následující řešení ohledně formátu smajlů.

.post img.wp-smiley {
    margin: 0px;
    vertical-align:middle
}

Případně místo padding může být parametr float (tuším?), můžeš zrušit border (což je tvůj případ), i když ho okolo ostatních obrázků máš apod.

„.post“ se může jmenovat i jinak

výše uvedené řešení dává nulové odsazení od textu (a od ostatních smajlílů) a zarovná ho hezky do textu, takže minimálně odsazuje řádek, ve kterém smajlík je (záleží na jeho velikosti samo).

Pokud to píšu moc polopaticky, sory, ale třeba se to bude hodit i laikům. Pokud naopak nerozumíte, nechtějte měnit šablony ;-)

Editoval Renka (17. 12. 2007 14.25)

Offline

 

Zápatí