Kérdés Hogyan módosíthatom a sablonom Headline és Slogan feliratokat?

Több
2014 nov. 26 22:29 #1 Írta: Mancs
Mancs létrehozta a témát: Hogyan módosíthatom a sablonom Headline és Slogan feliratokat?
Sziasztok!
Megint problémába ütköztem. Van egy sablonom, és annak van olyan része, hogy Headline és Slogan. Ennek a kettőnek szeretném átírni a betűtípusát. Esetleg tudtok erre valamilyen modult, vagy tippet, hogy oldjam meg??? Css-ben kerestem, de nem találtam meg, hogy hol kéne átírni :S. Vagy esetleg css-en belül hogyan tudnám megtalálni? Köszi előre is.
Hello

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 nov. 26 23:46 #2 Írta: Balázs
Balázs válaszolt a témára: Hogyan módosíthatom a sablonom Headline és Slogan feliratokat?
Az aktuális böngésződben található elemvizsgálót kell segítségül venned, amellyel font vagy font-family tulajdonságot kell keresned, és azt kell felülírnod.

Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).

Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 nov. 27 00:20 #3 Írta: Mancs
Mancs válaszolt a témára: Hogyan módosíthatom a sablonom Headline és Slogan feliratokat?
Ezt már próbáltam, át is írtam a cikknek a szövegtípusát. Azt persze megtaláltam. De ennek a Headline meg a Slogan-nek nem találtam meg. Olyan mint ha nem is lenne neki font-family-e. Létezhet ilyen? Bár valahonnan nyernie kell a szövegtípust.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 nov. 27 08:29 #4 Írta: Zotius
Zotius válaszolt a témára: Hogyan módosíthatom a sablonom Headline és Slogan feliratokat?
Ez egy Artisteer-rel készült sablon, ami a "siteTitle" és "siteSlogan" változónevekből látszik.
A sablonod index.php fájljának közepe táján (~ 60. sor körül) találhatók a siteTitle és siteSlogan szövegek elhelyezését végző utasítások:
<h1 class="art-headline">
    <a href="<?php echo $document->baseurl; ?>/"><?php echo $this->params->get('siteTitle'); ?></a>
</h1>
<h2 class="art-slogan"><?php echo $this->params->get('siteSlogan'); ?></h2>

Ebből látható, hogy ezeket h1 címsor stílus "art-headline" osztályával, illetve h2 címsor stílus "art-slogan"osztályával jeleníti meg. Ezeknek az osztályoknak a stílusdefinícióját kell megkeresni a template.css-ben, ami például így néz ki (ha rákeresel a szerkesztőben, több más osztály felsorolása mellett fogod megtalálni, ezért a többit csak ...stb...-vel jelölöm):
...stb...
.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover, .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover
{
  font-size: 32px;
  font-family: Georgia, 'Times New Roman', Times, Serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}
A számodra szükséges fenti osztályokat másold át egy külön definícióba - hogy a többit ne érintse a módosításod - és ebben olyan betűtípust adhatsz meg, amilyent akarsz. Mivel ezek a szövegek hivatkozásként működnek, ezért szükséges az 'a', 'a:link', 'a:hover' stb. tag-ek beállítása is.

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
A következő felhasználók mondtak köszönetet: Mancs

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 nov. 27 12:37 - 2014 nov. 27 15:26 #5 Írta: Mancs
Mancs válaszolt a témára: Hogyan módosíthatom a sablonom Headline és Slogan feliratokat?
Köszi a segítséget, meg is találtam, amit mondtál a php-ban:
<h1 class="dd-headline">
    <a href="<?php echo $document->baseurl; ?>/"><?php echo $this->params->get('siteTitle'); ?></a>
</h1>
<h2 class="dd-slogan"><?php echo $this->params->get('siteSlogan'); ?></h2>

Majd ebből a css-ben megtaláltam a dolgokat, és átírtam erre:
.dd-headline, .dd-headline a, .dd-headline a:link, .dd-headline a:visited, .dd-headline a:hover, .dd-slogan, .dd-slogan a, .dd-slogan a:link, .dd-slogan a:visited, .dd-slogan a:hover

.dd-headline a, .dd-headline a:link
{
   font-family: Monotype Corsiva, 'Monotype Corsiva', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #9E3005;
}

.dd-headline a:visited, .dd-headline a.visited
{
   font-family: Monotype Corsiva, 'Monotype Corsiva', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #A30021;
}

.dd-headline a:hover, .dd-headline a.hover
{
   font-family: Monotype Corsiva, 'Monotype Corsiva', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #A30021;
}

.dd-slogan a, .dd-slogan a:link
{
   font-family: Harlows Solid Italic,'Harlows Solid Italic', Helvetica, Sans-Serif;
   text-decoration: none,
   color: #9E3005;
}

.dd-slogen a:visited, .dd-slogen a.visited
{
   font-family: Harlows Solid Italic,'Harlows Solid Italic', Helvetica, Sans-Serif;
   text-decoration: none,
   color: #A30021;
}

.dd-slogen a:hover, .dd-slogen a.hover
{
   font-family: Harlows Solid Italic,'Harlows Solid Italic', Helvetica, Sans-Serif;
   text-decoration: none,
   color: #A30021;
}
De valamiért még sem váltja át a betűstílust. Lehet, hogy valamit rosszul írtam volna? Pedig a forráskód alapján írtam át. Vagy valamit még törölni kéne?
Utolsó szerkesztés: 2014 nov. 27 15:26 Írta: Balázs.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 nov. 27 12:47 - 2014 nov. 27 12:56 #6 Írta: Zotius
Zotius válaszolt a témára: Hogyan módosíthatom a sablonom Headline és Slogan feliratokat?
1.) Azoknak a fontoknak a nevét, melyek szóközt tartalmaznak, idézőjelek közé kell tenni ("Harlow Solid Italic").
2.) Ha olyan fontokat definiálsz, melyek nem képezik a Windows rendszer részét, fel kell töltened a szerverre, és a @font-face utasítással deklarálni kell. Erről a témáról e honlapon a Joomla! > Tudástár menüpont alatt olvashatsz részletes leírást.
Miért szerepel ugyanaz a definíció kétszer?

{
font-family: Monotype Corsiva, 'Monotype Corsiva', Helvetica, Sans-Serif;
text-decoration: none;
color: #9E3005;
}

vagy

{
font-family: Harlows Solid Italic,'Harlows Solid Italic', Helvetica, Sans-Serif;
text-decoration: none,
color: #9E3005;
}

???

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Utolsó szerkesztés: 2014 nov. 27 12:56 Írta: Zotius. Indoklás: kiegészítés, bővítés

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2014 nov. 27 13:08 - 2014 nov. 27 13:10 #7 Írta: Zotius
Zotius válaszolt a témára: Hogyan módosíthatom a sablonom Headline és Slogan feliratokat?
Letisztáztam az általad megadott css definíciókat. Egyes helyeken 'slogan' helyett 'slogen'-t írsz, és az anchor állapotjelzőjét kettőspont után kell írni. a.hover helyett a:hover
Az azonos definíciókat elég egyszer deklarálni, egymás után vesszővel felsorolt formában.
.dd-headline a, .dd-headline a:link 
{
font-family: "Monotype Corsiva", Helvetica, Sans-Serif;
text-decoration: none;
color: #9E3005;
}

.dd-headline a:hover, .dd-headline a:visited 
{
font-family: "Monotype Corsiva", Helvetica, Sans-Serif;
text-decoration: none;
color: #A30021;
}

.dd-slogan a, .dd-slogan a:link
{
font-family: "Harlows Solid Italic", Helvetica, Sans-Serif;
text-decoration: none,
color: #9E3005;
}

.dd-slogan a:hover, .dd-slogan a:visited 
{
font-family: "Harlows Solid Italic", Helvetica, Sans-Serif;
text-decoration: none,
color: #A30021;
}

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot :)
Skype: zotius
Utolsó szerkesztés: 2014 nov. 27 13:10 Írta: Zotius.
A következő felhasználók mondtak köszönetet: Mancs

Jelentkezz be, hogy te is részt vehess beszélgetésben!