Design an Joomla1.6 anpassen oder umgekehrt?

[MainAngler]

Mich würde einmal interessieren ob man jedes Webdesign an Joomla1.6 anpassen kann oder ob man lieber vorher überlegen sollte was man (in Joomla) benötigt und dann erst das Design dahingehend erstellt?:uhm:

Habe mir das Buch Templates für Joomla! 1.6 gekauft, bin aber noch nicht weit beim Lesen.
Habs nur mal schnell überflogen.

 

[CanTk]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Grundsätzlich kannst du beinahe alles umsetzen. Teilweise musst du dann aber auch mit PHP oder Plugins ran wenn Joomla das nicht mitbringt, kenne das System nicht - habe es nie gemocht.

Später weißt du ca was du in Joomla von Haus aus umsetzen kannst und kannst dies dann direkt bei der Template erstellung abwägen. Spart dir später einiges an Arbeit.
Aber kannst natürlich auch von psd zu designvorlage mit html und css gehen und erst dann an die implementierung denken

 

[anchopancho]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Seitens der reinen templates sollte es mit dem nötigen Know How allenfass eine technische Umsetzung sein. Bezieht man die zahlreichen Funktionalitäten der vielen Erweiterungen (extensions) in den Begriff Webdesign mit ein, ist immer noch etwas Vorsicht geboten.

Diese Dinge kommen zwar inzwischen verstärkt für 1.6, um aber keine unliebsamen Überraschungen zu erleben ist es ratsam, vorher genau zu wissen was man so alles an zusätzlicher Funktionalität haben will und auf Verfügbarkeit für 1.6. zu checken.

Das hast du ja schon richtig erkannt

 

[MainAngler]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Wie lange in etwa wird ein Neuling benötigen um ein Design an Joomla 1.6 anzupassen und wie lange etwa jemand der dies schon mehrfach gemacht hat?:uhm:

Also das was ich im Buch so alles sehe und lese.... da braucht man wohl viel Zeit (um alles zu verstehen).

 

[MainAngler]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Man könnte hier das Beispiel aus dem Buch nehmen.
Dann könnte man wohl einen Zeitaufwand benennen oder?:uhm:

Hier zudem die Demo zum Projekt (Buch):

 

[wex_stallion]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Grundsätzlich geht fast alles, man muß eben im HTML/CSS-Dummy, der die Grundlage für’s Template darstellt, die entsprechenden Platzhalter bauen.

 

[Samuelll]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Wie lange ein Anfänger braucht ist wohl ziemlich relativ. Immerhin ist die Frage ob er Anfänger in Joomlai st oder ob er allgemein Anfänger ist.
Allein dazwischen können schon mehrere Stunden liegen.

Weiterhin kommt es natürlich darauf an ob ich nur einen Teil der Joomlafunktionen coden muss oder ob ich alle Möglichkeiten die Joomla standardmäßig bietet mit berücksichtigen muss.

Wobei die meisten meiner bisherigen Kunden eh nur einen Bruchteil der Funktinoen brauchten.

 

[MainAngler]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Habe mich jetzt etwas näher damit beschäftigt und eine Webseite, welche ich schon in xHTML & CSS fertig hatte probiert an Joomla anzupassen.

Ist ja irgendwie blöd, denn wenn man in Joomla das Menü für die Seite erstellt, dann nutzt er eigene Klassen und ID's:uhm: so dass ich dann z.B. per Firebug mir diese erst raussuchen muss um dann per CSS die Formatierung vornehmen zu können.

Beispiel:
Ich hatte zuvor in xHTML & CSS folgendes angegeben:
Jetzt nicht alles korrekt hier dargestellt, da fehlt u.a. body und head etc. ist mir klar!

#navi_wrapper {
    height: 38px;
    width: 900px;
    /* [disabled]border: 2px solid orange; */
    position: fixed;
    top: 85px;
    z-index: 1000;
    /* [disabled]background-color: #999; */
    background-image: url(Bilder/navi_bg.png);
    background-repeat: repeat-y;
    background-position: left top;
}
#nav1 {
    float: left;
    margin-left: 65px;
}
#nav1 a img {
    border: none;
}
 #nav2 {
    float: left;
    margin-left: 10px;
}
#nav2 a img {
    border: none;
}
 #nav3 {
    float: left;
    margin-left: 10px;
}
#nav3 a img {
    border: none;
}
 #nav4 {
    float: left;
    margin-left: 10px;
}
#nav4 a img {
    border: none;
}
 #nav5 {
    float: left;
    margin-left: 10px;
}
#nav5 a img {
    border: none;
}
#nav6 {
    float: left;
    margin-left: 10px;
}
#nav6 a img {
    border: none;
}


<div id="navi_wrapper"><div id="nav1"><a href="index.html"><img src="Bilder/home.png" width="120" height="34" alt="home" /></a></div>
    <div id="nav2"><a href="infos.html"><img src="Bilder/infos.png" width="120" height="32" alt="infos" /></a></div>
    <div id="nav3"><a href="http://www.irgendwas" target="_blank"><img src="Bilder/forum.png" width="120" height="34" alt="forum" /></a></div>
    <div id="nav4"><a href="links.html"><img src="Bilder/links.png" width="120" height="34" alt="links" /></a></div>
    <div id="nav5"><a href="archiv.html"><img src="Bilder/archiv.png" width="120" height="34" alt="archiv" /></a></div>
<div id="nav6"><a href="impressum.html"><img src="Bilder/impressum.png" width="120" height="34" alt="impressum" /></a></div>
      </div>

in Joomla macht er in xHTML folgendes:

<div id="navi_wrapper"><div id="nav1">        <div class="moduletable_menu">
                    
<ul class="menu">
<li class="item-101 current active"><a href="/joomla/" >Home</a></li></ul>
        </div>
    </div>
    <div id="nav2">        <div class="moduletable">
                    
<ul class="menu">
<li class="item-103"><a href="/joomla/index.php/infos" ><img src="/joomla/images/infos.png" alt="Infos" /><span class="image-title">Infos</span> </a></li></ul>
        </div>
    </div>
    <div id="nav3"></div>
    <div id="nav4"></div>
    <div id="nav5">        <div class="moduletable">
                    
<ul class="menu">
<li class="item-104"><a href="/joomla/index.php/archiv" ><img src="/joomla/images/archiv.png" alt="Archiv" /><span class="image-title">Archiv</span> </a></li></ul>
        </div>
    </div>
<div id="nav6"></div>
      </div>

Ich komme mit Joomla auch noch nicht so ganz klar.

Kann man denn wirklich vorab nicht wissen welchen Code Joomla benutzt?:uhm:
Die Klassen menu, modultable_menu, modultable sowie item-103 kommen ja nicht von mir!

 

[MainAngler]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Kann mir keiner helfen oder will mir keiner helfen?:uhm:
Bin langsam mit meinem Latein am Ende!

 

[Samuelll]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Joomla benutzt immer die Klassen moduletable und ul.menu.

Da kannst du Dir sicher sein.

Die Zahl bei der ID ändert sich, je nach dem welchen Navipunkt du hast.

Du kannst zusätzlich noch jedem Modul eine eigene Klasse mitgeben, die Joomla dann mit Unterstrich an moduletable anhängt.

zB wie bei dir : moduletable_menu

 

[MainAngler]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Kann ich also mein in HTML erstelltes Menü so wie ich es haben wollte garnicht in Joomla nutzen?:uhm:
Meine Menüpunkte haben jeweils eigene Grafiken.
Die Beiträge, auf die jetzt "verlinkt" ist (index.html, infos.html....) sollen dann in Joomla angelegt werden.

Weiß nur nicht was ich jetzt alles brauche - ob Menüs und Module etc.

 

[Samuelll]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Ein CMS einzusetzen bedeutet immer einen Kompromiss einzugehen. So ist es auch mit Joomla.

Allerdings ist es eine Arbeit von max. 10 Minuten Dein Menu "navi_wrapper" an Joomla anzupassen.

navi_wrapper wird zu moduletable_naviwrapper
naviwrapper musst du selbst vergeben, also im Modul eintragen.

und aus den ids navxx machst du halt

item-xxx

Einfach in der CSS-Datei anpassen, schon passt es und du kannst ejdem Navigationspunkt eine eigene Graifk verpassen.

Eigentlich kein Problem, wenn du CSS verstanden hast.

Bedente, bei Dir sind alles IDs, bei Joomla sind es zumeist Klassen !!!!!!!!!

Thema Module :
Bei Joomla sind erstmal alle diese "Boxen drum herum" Module. Allerdings kannst du verschiede Module erstellen. zB : Navigation(smodule), Bildwechsel(module), Login(module).

 

[MainAngler]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Mein navi_wrapper kann - meiner Meinung nach:uhm: - nicht zu moduletable_navi_wrapper werden.

Im Moment sieht es so aus:
CSS:

#navi_wrapper {
    height: 38px;
    width: 900px;
    /* [disabled]border: 2px solid orange; */
    position: fixed;
    top: 85px;
    z-index: 1000;
    /* [disabled]background-color: #999; */
    background-image: url(Bilder/navi_bg.png);
    background-repeat: repeat-y;
    background-position: left top;
}
#nav1 {
    float: left;
    margin-left: 65px;
}
#nav1 a img {
    border: none;
}
 #nav2 {
    float: left;
    margin-left: 10px;
}
#nav2 a img {
    border: none;
}
 #nav3 {
    float: left;
    margin-left: 10px;
}
#nav3 a img {
    border: none;
}
 #nav4 {
    float: left;
    margin-left: 10px;
}
#nav4 a img {
    border: none;
}
 #nav5 {
    float: left;
    margin-left: 10px;
}
#nav5 a img {
    border: none;
}
#nav6 {
    float: left;
    margin-left: 10px;
}
#nav6 a img {
    border: none;
}

HTML:

<div id="navi_wrapper"><div id="nav1">        <div class="moduletable_menu">
                    
<ul class="menu">
<li class="item-101 current active"><a href="" ><img src="" alt="Home" /></a></li></ul>
        </div>
    </div>
    <div id="nav2">        <div class="moduletable">
                    
<ul class="menu" id="nav2">
<li class="item-107"><a href="" ><img src="" alt="Infos" /><span class="image-title">Infos</span> </a></li></ul>
        </div>
    </div>
    <div id="nav3"></div>
    <div id="nav4"></div>
    <div id="nav5"></div>
    <div id="nav6"></div>
      </div><!--Ende navi_bg--></div>

Für jeden Menüpunkt habe ich ja ein eigenes DIV (nav1-nav6).
Der navi_wrapper bildet den Hintergrund-Bereich für nav1-nav6, welche ja gefloatet werden.
Diesen habe ich auch als Modul angelegt und ihm eine Position gegeben.
In Joomla habe ich auch vor jeweils ein Modul, ein Menü und einen Beitrag für jeden Menüpunkt anzulegen.

 

[Samuelll]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Ich hab keinen Code nur überflogen.

Wenn es denn aus Designgründen so sein muss, dass du überall Divs hinpappst, dann musst du schauen in wie weit du das richtig mit den Modulen kombinierst.

Analog zu Deinem Modell sollte meine Beschriebung allerdings geholgen haben zu erkennen, was zutun ist um Dein Vorhaben an Joomla angepasst umzusetzen.
Falls nicht, schreib hier im Forum wo es beim Verständnis hakt und Dir wird sicher jemand aus der Community helfen können.

Allgemein kann ich Dir nur raten nochmal zu schauen, ob du Deinen Div-Salat nicht vereinfachen kannst, denn es sollte eigentlich nicht jeder A-Tag ein eigenes Div benötigen.

 

[MainAngler]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Wenn ich es vereinfachen könnte, dann hätte ich dies wohl schon längst in der umgesetzten (HTML-)Webseite getan.
Da ich aber für jeden Menüpunkt ein eigenes Bild habe glaube ich nicht, dass es anders einfacher geht.

Trotzdem Danke bis hierher für die Hilfe.

Traurig, dass man Joomla keinen Code vorgeben kann.:hmpf:

 

[Samuelll]

AW: Design an Joomla1.6 anpassen oder umgekehrt?

Wenn ich jedem Menupunkt ein eigenes Bild gebe, dann lege ich das entweder in den li oder den a-Tag.
Wieso ist das bei Dir keine Alternative ?

Du kannst Dir eigene Module auf Basis der bestehenden Module anlegen und diese in abgewandelter Form in Deinem Template speichern. Für Menus habe ich das selbst bereits gemacht. Funktioniert gut.
Dies ist nicht nur mit Modulen sondern mit allen Core-Elementen und ext. Komponenten möglich.

Stickwort : Overwrites in Joomla

Als Beispiel kannst du das Beez-Template anschauen.
Dort wird in einem HTML-Ordner das Hinterlegt, was vom Core überschrieben werden soll.

Damit kannst du dann Joomla auch genau vorgeben, wie er ein Modul oder eine Navi, ... aufbauen soll.