Layout Template

nockenfell · 19. November 2012 07:15

Aus meiner Warte funktioniert die Lightbox problemlos. Einziges Problem das du hast: Bei dir wurden die "grossen" Bilder nicht verkleinert. Deshalb öffnen diese extrem gross.

Damit die Bilder in einer korrekten Grösse angezeigt werden, gibt es 3 Möglichkeiten:
- Auf dem PC auf Max 800 Pixel Kantenlänge verkleinern und nochmals hochladen
- Bilder auf dem Server löschen und via Gallery-Upload hochladen
- CGSmartyImage in das Gallerytemplate einbauen, damit die Bilder mit maximaler Kantenlänge 800px angezeigt werden

phpman · 19. November 2012 19:53

okay, der Upload erfolgte ansich schon über den Gallery Upload daher hat mich das erscheinungsbild gewundert.

Werde das nachher gleich testen.

Aber noch ein kleine Frage, wie kann ich z.B. an der Stelle wo "SIDEBAR" steht einfach den Namen vom Menupunkt anzeichen wie in dem Fall z.B. "WANDERN" ? Kann ich das irgendwie per smartytag dort platzieren ?

nockenfell · 19. November 2012 20:59

Schau mal in den Einstellungen der Gallery. Dort kannst du die Maximalgrösse der Bilder festlegen.

Den Namen kannst du z.B. mit der ToolBox anzeigen:

Hier klicken, um den Code zum Kopieren zu markieren

{$tbtools->getPageMenutext()}

oder

Hier klicken, um den Code zum Kopieren zu markieren

{$tbtools->getPageTitle()}

phpman · 20. November 2012 09:47

Danke das mit dem Menue titel ist ja ne super lösung.

Wie kann ich denn "dynamisch" z.B. den Impressum Link "rechts oben" im grünen Feld ausgeben (als link) ?
Muss hier hierfür einen neuen div container erstellen oder kann ich den link als fixe position mittels px wert
oben reinbringen?

Das mit den Bildern klappt leider noch nicht....bin noch am suchen..

nockenfell · 20. November 2012 10:02

Für das Impressum machst du folgendes:

Hier klicken, um den Code zum Kopieren zu markieren

<div id="header" style="background: #333333 url(uploads/icms.info/header3.jpg) no-repeat scroll right top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
	<h1 class="logo"><div style="float: right; color: #000"><a href="">Impresssum</a></div><a href="http://edit.schwarzwaldverein-gechingen.de"><span>Schwarzwaldverein Gechingen e.V.</span></a></h1>
	
	</div>

--> neu ist <div style="float: right; color: #000"><a href="">Impresssum</a></div> hinzugekommen. Das ganze ist so sehr rudimentär gestylet. Den Rest kannst du selber machen, denke ich. Als Link kannst du das Plugin {cms_selflink} nehmen. Einfach in der Hilfe lesen wie du das einfügen musst

phpman · 20. November 2012 10:31

Hier klicken, um den Code zum Kopieren zu markieren

<div style="float: right; color: #000 h4">{cms_selflink page="Kontakt"}</div>
<br>
<div style="float: right; color: #000 h4">{cms_selflink page="Impressum"}</div>

ich wollte nun den Text mittels "h4" formatieren damit ich die selbe schrift größe habe
aber leider wird das nicht angenommen.

Egal ob ich es so s.o. einbinde oder ob ich das nun davor setzt als "<h4>......link.....</h4>"

Mach ich hier einen gedankenfehler ?

nockenfell · 20. November 2012 10:36

Wenn schon:

Hier klicken, um den Code zum Kopieren zu markieren

<div style="float: right; color: #000"><h4>{cms_selflink page="Kontakt"}</h4></div>
<br>
<div style="float: right; color: #000 "><h4>{cms_selflink page="Impressum"}</h4></div>

Wobei dies wahrscheinlich keine wirklich gute Idee ist. Mit CSS kannst du das aussehen der Links problemlos anpassen. Da brauchst du keinen h4 tag.

Hier klicken, um den Code zum Kopieren zu markieren

<div class="topnav">{cms_selflink page="Kontakt"}</div>
<div class="topnav">{cms_selflink page="Impressum"}</div>

Stylesheet

Hier klicken, um den Code zum Kopieren zu markieren

.topnav {
   float: right; 
   color: #000
}

.topnav a {
   ... hier style für Link einfügen ...
}

phpman · 20. November 2012 14:03

okay, stimmt so wäre es eleganter :-)

Kann ich irgendwie den "link" der nun komplett "right" plaziert ist um z.B. 5 px vom rand weg setzen oder auch 50px vom Rand ?

nockenfell · 20. November 2012 14:25

padding einsetzen:

Hier klicken, um den Code zum Kopieren zu markieren

<div class="topnav">{cms_selflink page="Kontakt"} {cms_selflink page="Impressum"}</div>

Hier klicken, um den Code zum Kopieren zu markieren

.topnav {
   float: right; 
   color: #000
   padding: 10px;
}

phpman · 20. November 2012 16:02

das padding hatte ich auch schon probiert aber das geht nicht,
es passiert nichts, der Text bleibt "rechts" stehen.

css

Hier klicken, um den Code zum Kopieren zu markieren

.topnav {
   float: right; 
   color: #000
   padding: 10px;
}

.topnav a {
     color: #333333;
	background: #F2F2F2;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-size: 12px;

}

Cherry · 20. November 2012 16:45

und so:?

Hier klicken, um den Code zum Kopieren zu markieren

[== CSS ==]
.topnav {
    float: right;
    margin-right: 5px;
}

noch ein kleiner Schönheitsfehler: Galerie schreibt man im Deutschen mit einem 'l' ;-)

Beitrag geändert von Cherry (20. November 2012 16:47)

phpman · 20. November 2012 17:20

Danke das funktioniert :-)

aber ansich hätte das von nockenfell aber auch funktionieren müssen (lt. CSS buch) wo lang der Fehler?

phpman · 20. November 2012 17:33

wollt grad noch die "suchfunktion" unterhalb der "topnav" versetzen aber dann haut es mir
die Darstellung zusammen

Hier klicken, um den Code zum Kopieren zu markieren

<div class="topnav">{cms_selflink page="Kontakt"} <br> {cms_selflink page="Impressum"}

  <div class="search">
  {cms_module module='Search' resultpage='search' search_method='post'}
  </div>
</div>

ohne Divcalss ist´s dann 4x so gross wie im feld links.

Brauche ich jetzt auch noch ein neues css für die Suche oder muss ich mehr dort einbauen ?

faglork · 20. November 2012 18:27

nockenfell schrieb:

Hier klicken, um den Code zum Kopieren zu markieren
<div class="topnav">{cms_selflink page="Kontakt"}</div>
<div class="topnav">{cms_selflink page="Kontakt"}</div>

Schwerer Fall von Divitis ...

{cms_selflink page="Kontakt" class="topnav"}
{cms_selflink page="Kontakt" class="topnav"}

Servus,
Alex

nockenfell · 20. November 2012 18:46

faglork schrieb:

nockenfell schrieb:
Hier klicken, um den Code zum Kopieren zu markieren
<div class="topnav">{cms_selflink page="Kontakt"}</div>
<div class="topnav">{cms_selflink page="Kontakt"}</div>
Schwerer Fall von Divitis ...
{cms_selflink page="Kontakt" class="topnav"}
{cms_selflink page="Kontakt" class="topnav"}
Servus,
Alex

Auch eine Möglichkeit. Wobei optimaler wäre es, wenn es wie auch schon in einem späteren Post geschrieben das ganze so angewendet werden würde:

Hier klicken, um den Code zum Kopieren zu markieren

<div class="topnav">{cms_selflink page="Kontakt"} {cms_selflink page="Impressum"}</div>

Das floatende Div braucht es nicht unbedingt 2x. 1x um beide Links drumherum würde reichen.

nockenfell · 20. November 2012 18:51

phpman schrieb:

wollt grad noch die "suchfunktion" unterhalb der "topnav" versetzen aber dann haut es mir
die Darstellung zusammen
Hier klicken, um den Code zum Kopieren zu markieren
<div class="topnav">{cms_selflink page="Kontakt"} <br> {cms_selflink page="Impressum"}

  <div class="search">
  {cms_module module='Search' resultpage='search' search_method='post'}
  </div>
</div>
ohne Divcalss ist´s dann 4x so gross wie im feld links.
Brauche ich jetzt auch noch ein neues css für die Suche oder muss ich mehr dort einbauen ?

Das Problem lässt sich mit Firebug relativ einfach erruieren. Du hast die Searchbox ebenfalls in die topnav integriert. Da die Searchbox entsprechend breit ist (und zudem derzeit CSS-Technisch xfach zu gross angezeigt wird), verschiebt es dir auch alle Links entsprechend nach links.

Im Suchtemplate würde ich mal den Submit Button ausblenden. Den braucht es nicht unbedingt. Mit Suchbegriff eintragen und Enter drücken, kann auch gesucht werden. Danach musst du die Grösse des Suchfeldes (<input type="text" ....) verkleinern und schauen, dass grösse von Navigation uns Suchfeld in etwa zu einander passt.

phpman · 20. November 2012 19:19

hmm... die Suchmaske hatte ich schon mal angepasst nur wurde das Formular dadurch auch nicht kleiner

such template

Hier klicken, um den Code zum Kopieren zu markieren

{$startform}
<input type="text" class="search-input" id="{$search_actionid}searchinput" name="{$search_actionid}searchinput" size="20" maxlength="50" value="{$searchtext}" {$hogan}/>

{if isset($hidden)}{$hidden}{/if}
{$endform}

eine anpasung von "size="wert"" ändert am Feld (CSS Darstellung) nichts.

auch die Verschiebung nach unten klappt nicht so recht..... wollte das Suchfeld 30px tiefer haben und hab das CSS wie bei "topnav" erweitert die Darstellung ändert sich aber nicht.

nockenfell · 20. November 2012 20:10

Ergänze mal das Stylesheet mit

Hier klicken, um den Code zum Kopieren zu markieren

.search-input {
   padding: 0; 
   width: 100px; 
   font-size: 12px
}

Die <br> im Head würde ich entfernen. Das kannst du mit margin-top machen.

Beitrag geändert von nockenfell (20. November 2012 20:11)

Cherry · 21. November 2012 10:51

noch ein Tipp:
das ' Enter Search' kannst du ändern, wenn du unter Erweiterungen auf Suche klickst, dort auf Optionen und dann
unterhalb von dem großen Eingabefeld für die nicht zu indizierenden Wörter bei 'Voreingestellter Text für das Suchfeld:' diesen änderst in was du gerne hättest.

phpman · 21. November 2012 12:26

danke, das hatte ich auch schon gesucht :-)

Wo ich im moment noch hänge ist an der Darstellung des "Kalender Templates" wenn ich die Termine so eingetragen habe, und in der rechten spalte den Termin markiere erscheint die Vorschau welche aber von der Formatierung her nicht passt.

Wo kann ich global die Darstellung im css formatieren oder muss ich das jeweils "vorschau" und liste getrennt anpassen?

Da wenn Du unter Aktuelles gehst ich hier auch noch eine trotz änderung im "Kalender Template" zugroße darstellung habe.

Das "Kontakt" Formular mag mich auch noch nicht so recht, da ich hier noch ein captcha einbauen müsste nur trotz installiert wirds nicht dargestellt.

Kann ich hier auch einen anderen Weg nutzen auf basis eines "Kontaktform" Generators oder so für CMSMS ?

phpman · 21. November 2012 12:31

kann ich eigentlich auch folgendes machen z.B. für die Darstellung von "start" / Aktuelles o.ae." ein zusatz Template welches nur aus 2 Spalten besteht sonst aber gleich ist? Sprich das ich nur für Menues mit "Untermenue" wie z.B. WANDERN..." ein 3 Spalten Fenster habe?

Cherry · 21. November 2012 18:54

phpman schrieb:

kann ich eigentlich auch folgendes machen z.B. für die Darstellung von "start" / Aktuelles o.ae." ein zusatz Template welches nur aus 2 Spalten besteht sonst aber gleich ist? Sprich das ich nur für Menues mit "Untermenue" wie z.B. WANDERN..." ein 3 Spalten Fenster habe?

Im Prinzip ja. Dazu müßtest du dein Template kopieren ... die Kopie soweit ändern, daß es zweispaltig wäre und dann den entsprechenden Seiten als Template zuweisen.

Ich selber halte von sowas nichts, weil dann beim Durchklicken die Inhalte ja ständig woanders erscheinen: mal in der Mitte, mal links bzw rechts je nachdem welche Spalte man entfernt. Mich persönlich würde das stören, aber das ist Geschmacksache.

Cherry · 21. November 2012 19:04

phpman schrieb:

Wo ich im moment noch hänge ist an der Darstellung des "Kalender Templates" wenn ich die Termine so eingetragen habe, und in der rechten spalte den Termin markiere erscheint die Vorschau welche aber von der Formatierung her nicht passt.
Wo kann ich global die Darstellung im css formatieren oder muss ich das jeweils "vorschau" und liste getrennt anpassen?
Da wenn Du unter Aktuelles gehst ich hier auch noch eine trotz änderung im "Kalender Template" zugroße darstellung habe.

Beim CGCalendar wird ein Beispiel Stylesheet mitgeliefert. Hast du mal versucht das mit deinem Template zu verbinden?
Vielleicht werden damit Darstellungsprobleme behoben?

Welchen Kummer macht das Formular?
Du kannst doch Formbuilder mit Captcha verwenden.

Installiere beides. Such dir zum Probieren eins von den mitgelieferten Beipielen aus und binde es ein.
Danach kannst du bei den Einstellungen des jeweiligen Formulars Captcha aktivieren.
Damit hast du letztlich auch deinen Formulargenerator.
Formbuilder wird übrigens auch mit Musterstylesheet geliefert. Muß man dann eben mit seinem Seitentemplate verbinden.

Was verwendest du denn aktuell fürs Formular?

Andynium · 22. November 2012 01:05

Cherry schrieb:

phpman schrieb:
kann ich eigentlich auch folgendes machen z.B. für die Darstellung von "start" / Aktuelles o.ae." ein zusatz Template welches nur aus 2 Spalten besteht sonst aber gleich ist? Sprich das ich nur für Menues mit "Untermenue" wie z.B. WANDERN..." ein 3 Spalten Fenster habe?
Im Prinzip ja. Dazu müßtest du dein Template kopieren ... die Kopie soweit ändern, daß es zweispaltig wäre und dann den entsprechenden Seiten als Template zuweisen.

Das sollte auch ohne zwei Templates funktionieren. Grundlage des Gedankens ist, dass ja durchaus auch weiterhin 3 Spalten vorhanden sein können, ohne das diese der Webseiten-Besucher sieht - also einfach die Breite der 3. Spalte auf 0 setzen und die Spaltenbreite der anderen beiden anpassen.

Müsstest nur zwei Stylesheets erstellen, die dann in Abhängigkeit vom aktuellen Menü-Tree ausgewählt werden (kannst du mit dem Toolbox-Modul machen), ungefähr so (ungetestet)

Hier klicken, um den Code zum Kopieren zu markieren

[== Smarty ==]
{if !$tbtools->hasChildren() || $tbtools->getRootAlias == ''}
{cms_stylesheet}
{else}
{cms_stylesheet name='zweispalten'}
{/if}

phpman · 22. November 2012 09:47

@Cherry: das Formular hab ich hier mal gefunden ist nicht mit dem FormBuilder erstellt.

Welche Tools brauche ich um ein "Dynamisches" Formular zu kriegen?
Mit dem FormBuilder hab ich noch nix gemacht.

Wegen dem Template zum einen hast Du recht klar ist immer anders aber war vorab nur eine Idee

Forum für CMS/made simple

#51 19. November 2012 07:15

Re: Layout Template

#52 19. November 2012 19:53

Re: Layout Template

#53 19. November 2012 20:59

Re: Layout Template

#54 20. November 2012 09:47

Re: Layout Template

#55 20. November 2012 10:02

Re: Layout Template

#56 20. November 2012 10:31

Re: Layout Template

#57 20. November 2012 10:36

Re: Layout Template

#58 20. November 2012 14:03

Re: Layout Template

#59 20. November 2012 14:25

Re: Layout Template

#60 20. November 2012 16:02

Re: Layout Template

#61 20. November 2012 16:45

Re: Layout Template

#62 20. November 2012 17:20

Re: Layout Template

#63 20. November 2012 17:33

Re: Layout Template

#64 20. November 2012 18:27

Re: Layout Template

#65 20. November 2012 18:46

Re: Layout Template

#66 20. November 2012 18:51

Re: Layout Template

#67 20. November 2012 19:19

Re: Layout Template

#68 20. November 2012 20:10

Re: Layout Template

#69 21. November 2012 10:51

Re: Layout Template

#70 21. November 2012 12:26

Re: Layout Template

#71 21. November 2012 12:31

Re: Layout Template

#72 21. November 2012 18:54

Re: Layout Template

#73 21. November 2012 19:04

Re: Layout Template

#74 22. November 2012 01:05

Re: Layout Template

#75 22. November 2012 09:47

Re: Layout Template

Fußzeile des Forums