PDA

Zobacz pełną wersję : Własny styl, problem z utworzeniem poziomego menu


Hell4Ge
31-12-2011, 21:48
Witam, to mój pierwszy post na forum :)


<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo JURI::root() ?>/templates/<?php echo $this->template ?>/css/style.css" type="text/css" />
</head>
<body>

<div id="top_banner">
<img src="templates/<?php echo $this->template ?>/images/banner_top.png">
</div>

<div id="pos0">
<td width="100%" valign="top"><jdoc:include type="modules" name="position-0" /></td>
</div>

</body>

</html>

Na stronie jak widać jest obrazek + pozycja

Moduł z menu jest ustawiony dla position-0
W CSS próbowałem coś ugrać, ale nic z tego nie wyszło, i raczej nie powinienem was straszyć pomysłami

W czystym HTMLu pewnie mógł bym zrobić to na ul'ach + wypoziomować w CSSie, ale jak mogę zrobić coś takiego w Joomli, skoro menu ma być edytowalne z poziomu zaplecza?

Generalnie nie jestem totalnym laikiem w te klocki, ale Joomla jest dla mnie trochę dziwna, lecz idzie się przyzwyczaić :)

edit: strona www.vz23.cba.pl
Bazyl
31-12-2011, 22:08
Witam,

Ale co chcesz zrobić?
Po co Ci tabela?!
nikszal
31-12-2011, 22:12
Hmmmm

Primo - już zaliczyłeś ujemny punkt dodatni za ten jęzor /edit: już usunięty/ w poście świadczący o traktowaniu z góry społeczności forum.

Primo po drugie - nie rzucaj się od razu na głęboką wodę z własnym szablonem bez analizy choćby najprostszych szablonów dla Joomla 1.7. W nich prześledź cały arkusz css.

Primo po trzecie - prześledź na standardowych szablonach (Bezz_2, Beez_5, Atomic) formatowanie menu. Szczególną uwagę zwróć na ul, ul li bo w niczym one nie odbiegają on standardowego formatowania używanego w czystym html. W podglądzie źródła Twojej strony nawet nie widzę linku do arkusza css formatującego stronę.
Hell4Ge
01-01-2012, 03:43
Hmmmm
Primo po drugie - nie rzucaj się od razu na głęboką wodę z własnym szablonem bez analizy choćby najprostszych szablonów dla Joomla 1.7. W nich prześledź cały arkusz css.

Muszę, poza tym CSS zostanie CSS'em więc nie ważne, czy użyję Wordpress'a czy Joomli, styl pisania w CSS jest ten sam


Primo po trzecie - prześledź na standardowych szablonach (Bezz_2, Beez_5, Atomic) formatowanie menu. Szczególną uwagę zwróć na ul, ul li bo w niczym one nie odbiegają on standardowego formatowania używanego w czystym html. W podglądzie źródła Twojej strony nawet nie widzę linku do arkusza css formatującego stronę.


<link rel="stylesheet" href="<?php echo JURI::root() ?>/templates/<?php echo $this->template ?>/css/style.css" type="text/css" />

Zobaczę, używam do tego firebuga, lecz głównym problemem sformatowania menu przez styl beez2 jest użycie właśnie ul'ów, a nie

<jdoc:include type="modules" name="position-0" />

Innymi słowy, nie wiem skąd Joomla generuje coś takiego

<li class="item-116">
<li class="item-101 current active">
<li class="item-123">

Przypuszczam, że menu jest sformatowane tu:

#header ul.menu li {
display: inline;
margin: 0;
padding: 0;
}

Lecz nadal nie mogę zrozumieć jak wygenerowac HTML jak wyżej ("item-XXX"), na razie posługuję się tylko umiejscowieniem modułów na pozycjach
Bazyl
01-01-2012, 10:02
kolego.
chcesz jezdzic bolidem f1 a nie masz nawet prawa jazdy

jak sie tworzy menu masz na www.wiki.joomla.pl
nikszal
01-01-2012, 10:15
<link rel="stylesheet" href="<?php echo JURI::root() ?>/templates/<?php echo $this->template ?>/css/style.css" type="text/css" />

Chyba tak chciałeś napisać?


<link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />


Zobaczę, używam do tego firebuga, lecz głównym problemem sformatowania menu przez styl beez2 jest użycie właśnie ul'ów

Tak jest w każdym szablonie Joomla. W Beez2 formatowanie bocznego menu wraz z podpoziomami jest zaware w pliku layout.css w wierszach od 215 do 401.
Bazyl
01-01-2012, 10:33
@nikszal, wydaje mi sie ze on nie umie stworzyc menu ewentualnie chce zrobic cos ale nie napisal co
:)
nikszal
01-01-2012, 10:48
Hey @bazyl, wszystkiego naj... w Nowym Roku.
-------------------------------------------

chce zrobic cos ale nie napisal co


W nocy był inny, autorski szablon pod podanym linkiem, którego kod jest w poście #1. W źródle strony nie znalazłem linku do arkusza css. Zajrzałem poprzez Web Developera do arkuszy css i też nie znalazłem formatowania strony. Żeby dobrze sformatować każdy element, to trzeba przysiąść na tylnej części ciała i napisać ok. 1000 wierszy w arkuszu css, a przede wszystkim trzeba włączyć kilka modułów i przynajmniej jeden artykuł żeby wiedzieć, co formatować.

Dzisiaj już na tej stronie jest szablon beez2.