Własny styl, problem z utworzeniem poziomego menu

**Hell4Ge** · 31-12-2011, 21:48

Witam, to mój pierwszy post na forum

Kod PHP:


<?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

Wysłane przez nikszal

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

Wysłane przez nikszal

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ę.

Kod HTML:

<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

Kod HTML:

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

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

Kod HTML:

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

Przypuszczam, że menu jest sformatowane tu:

Kod:

#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

Kod:

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

Chyba tak chciałeś napisać?

Kod:

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

Wysłane przez Hell4Ge

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.
-------------------------------------------

Wysłane przez bazyl

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.

Temat: Własny styl, problem z utworzeniem poziomego menu

Przybornik

Widok

Własny styl, problem z utworzeniem poziomego menu

Podobne tematy

Własny styl modułu

Problem z utworzeniem menu

[Superfish Menu] Własny styl CSS

Własny styl w edytorze TinyMCE 2.0

Problem z utworzeniem menu

Reguły pisania