PDA

Zobacz pełną wersję : Tytuł artykułu w ramce



jahoozKA
02-06-2010, 13:29
Czy znacie dodatek/sposób na uzyskanie efektu, który proponuje ten dodatek:
http://extensions.joomla.org/extensions/style-a-design/articles-styling/2087 ??
M.in. "ubiera" on w zaokrągloną ramkę treść artykułów poprzez dodanie znaczników {xtypo_rounded1}treść artykułu{/xtypo_rounded1}.
Mnie chodzi o tytuł artykułu w takiej ramce. Po zastosowaniu, artykuły na głównej stronie byłyby ładnie oddzielone od siebie.

Jdwind
02-06-2010, 15:03
A nie możesz tego zrobić w css'ie?

jahoozKA
07-06-2010, 12:14
Znalazłem na wiki opis tworzenia zaokrąglonych ramek http://wiki.joomla.pl/Tworzenie_zaokr%C4%85glonych_naro%C5%BCnik%C3%B3w.
Mam prośbę o pomoc w implementacji.
W które miejsce wkleić ten fragment:

<jdoc:include type="modules" name="POSITION" style="rounded" />

Później jest napisane :

W efekcie tej instrukcji w dokumencie HTML strony otrzymamy następujący kod:

<div class="module_menu">
<div>
<div>
<div>
<h3>Menu witryny</h3>
<ul class="menu">
<li><!-- różne pozycje menu --></li>
</ul>
</div>
</div>
</div>
</div>

i

Cztery zagnieżdżone elementy <div> tworzą warstwy potrzebne dla naszych czterech obrazków. Możemy użyć nazwy klasy zewnętrznego elementu <div>, aby zagwarantować, że zajmujemy się właściwym elementem <div>, a następnie skorzystać z selektorów kontekstowych, by umieścić na każdej warstwie odpowiedni obraz.
Najlepiej uczynić to korzystając z zewnętrznego arkusza stylów, w którym umieszc zamy poniższe reguły:

div.module_menu {
background: url(../images/rounded_topleft.png) 0 0 no-repeat;
padding: 0;
}

div.module_menu div {
background: url(../images/rounded_bottomleft.png) 0 100% no-repeat;
margin: 0;
border: 0;
}

div.module_menu div div{
background: url(../images/rounded_topright.png) 100% 0 no-repeat;
}

div.module_menu div div div {
background: url(../images/rounded_bottomright.png) 100% 100% no-repeat;
}

Korzystam z szablonu rhuk_milkyway i chciałbym aby w ramkach które zrobiłem był osadzony tytuł artykułów

a_m
07-06-2010, 12:22
artykuł, który przeczytałeś dotyczy "zaokrąglania" modułów, a nie elementów komponentu; musisz zmodyfikować miejsca templatki, które są odpowiedzialne za wyświetlanie tytułu; artykuł z wiki może Ci posłużyć jako inspiracja

jahoozKA
07-06-2010, 14:48
OK, miejsce w którym szablon trzyma ustawienia tytułu artykułów to

/* content styles */

table.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
width: 100%;
}
w template.css .

Coś mi nie pasuje dopisywać w tym miejscu instrukcję :

<jdoc:include type="components" name="POSITION" style="rounded" />
i jeszcze elementy mojej ramki... Coś nie kumam. Proszę kolegów o pomoc

a_m
07-06-2010, 15:05
Coś mi nie pasuje dopisywać w tym miejscu instrukcję :

dobrze Ci nie pasuje; nie napisałem, że to w tym miejscu i w taki sposób;

musisz się pobawić korzystając z techniki template overrides - h2.contentheading, trochę dopisać, trochę przerobić aż zaokrąglisz

jahoozKA
07-06-2010, 15:34
OK pobawię się , coś mi się obiło o uszy - nadpisywanie szablonem ?... Dzięki za wskazówki