Template Workshop?

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
Simmyne
Posts: 327
Joined: Tue Oct 14, 2008 7:57 pm

Re: Template Workshop?

Post by Simmyne » Thu Oct 26, 2017 4:07 pm

Danke, das war's :D

SiNiTaSa
Posts: 106
Joined: Tue Jan 03, 2017 10:33 am
Location: BW|GERMANY

Re: Template Workshop?

Post by SiNiTaSa » Thu Oct 26, 2017 5:11 pm

Simmyne hat geschrieben:

Es ist ein bisschen schwierig für mich, wenn zwei Leute zwei Lösungen haben.
Ich glaube wenn wir es drauf Anlegen :D gibt es noch viel viel mehr Varianten.

Alle Wege führen nach Rom...... :shock:
aka smaxle | plugin_XH 1.7

frase
Posts: 3375
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Template Workshop?

Post by frase » Fri Oct 27, 2017 8:51 am

Übrigens:
Es hat sich ein mini-Fehler im Template eingeschlichen:

Code: Select all

<p class="minifont">Powered by <a href="http://www.cmsimple-xh.org/" target="_blank">CMSimple_XH</p></a>
Da überlappen sich <p> und <a> falsch.

ist:
<p>...<a ...> ... </p></a>

soll:
<p>...<a ...> ... </a></p>

Die meisten Browser sind da tolerant und "übersehen" solche Fehler. Falsch ist es trotzdem.

Simmyne
Posts: 327
Joined: Tue Oct 14, 2008 7:57 pm

Re: Template Workshop?

Post by Simmyne » Fri Oct 27, 2017 9:38 am

Hallo allerseits,
frase wrote:Übrigens:
Es hat sich ein mini-Fehler im Template eingeschlichen:
Danke, hab ich ausgebessert.

Ich hab mal weiter gemacht. Die Navi ist jetzt horizontal. Es sieht jetzt so aus (und als Attachment):

http://zur-sprache-kommen.de/workshop
SCSH_2.jpg
Ich habe mit folgendem Code versucht, die Menüpunkte in die Mitte der Seite zu bekommen, dass sie nicht mehr links dranklatschen. Hat aber nicht geklappt, das mit dem navi-innen kann man vielleicht nicht so machen:

html:

Code: Select all

<!DOCTYPE HTML>
<html>
<head>
<?php echo head();?>
</head>
<body <?php echo onload();?>>
<div id="wrapper">
<div id="header"></div>
<div id="navigation"><div id="navi-innen"><div class="menu"><?php echo toc();?></div></div></div>
<div id="content"><?php echo content();?></div>
<div id="footer"></div>
</div>
<p class="minifont">Powered by <a href="http://www.cmsimple-xh.org/" target="_blank">CMSimple_XH</a></p>
</body>
</html>
css:

Code: Select all

html, body {
   padding:0;
   margin:0;
   border: 0 none;
   font-size: 1em;
   font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif;   
}
#wrapper {
      width:100%;
      margin: 0 auto;
}

#header {
     background: #006e00;
     background-image: url("images/header.jpg");
     background-position: center;
     background-repeat: no-repeat;
     height: 283px;
}

#navigation {
     background: #00c200;
     height: 45px;
}
#navi-innen {
     background: #00c200;
     height: 45px;
     width: 1200px;
     position: center;
}

.menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.menu ul ul {
     visibility: hidden;
     position: absolute;
}
.menu ul.menulevel1 li {
    float:left;
    margin-right: 1em;
    position:relative;
    white-space: nowrap;
}

#content {
     background: #FFFFFF;
}

#footer {
     background: #006e00;
     height:100px;
}
.minifont { color: grey; font-size: 9px }

Wisst ihr weiter? Ein weiteres Anliegen wäre, die Navipunkte in die Mitte des Balkens zu bekommen, jetzt klatschen sie ja oben.
LG Simm
You do not have the required permissions to view the files attached to this post.

frase
Posts: 3375
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Template Workshop?

Post by frase » Fri Oct 27, 2017 10:08 am

Code: Select all

position: center;
So etwas gibt es nicht :(

Wenn wir dir hier ein komplettes Layout hinschreiben, hast du nichts gelernt.
(Sorry, der Satz klingt komisch. Ist ganz lieb gemeint.)

Vielleicht solltest du gelegentlich ein wenig über Grundlagen nachlesen. Eine sehr gute Anlaufstelle wäre da zum Beispiel:
https://wiki.selfhtml.org/wiki/CSS

Hier sind die CSS-Grundlagen ziemlich gut erklärt. Es finden sich auch Beispiele.
(Wir haben das alle mehr oder weniger auf diese Art und Weise gelernt. In der Schule lernt man sowas normalerweise nicht.)

SiNiTaSa
Posts: 106
Joined: Tue Jan 03, 2017 10:33 am
Location: BW|GERMANY

Re: Template Workshop?

Post by SiNiTaSa » Fri Oct 27, 2017 10:22 am

Das Thema margin und padding zu Gemüte führen........
aka smaxle | plugin_XH 1.7

Simmyne
Posts: 327
Joined: Tue Oct 14, 2008 7:57 pm

Re: Template Workshop?

Post by Simmyne » Fri Oct 27, 2017 10:59 am

Na mal schauen, ob ich das kapier - ich habe festgestellt, dass ich und Programmieren nicht so gut zusammenpassen (bin eher künstlerisch drauf, ich denk ganz anders). Aber muss ich halt.
Bin jedenfalls bis DO voraussichtlich nicht online...
Danke soweit!
LG Simm

Simmyne
Posts: 327
Joined: Tue Oct 14, 2008 7:57 pm

Re: Template Workshop?

Post by Simmyne » Fri Oct 27, 2017 11:00 am

SiNiTaSa wrote:Das Thema margin und padding zu Gemüte führen
Das hab ich noch nie richtig kapiert :oops:

cmb
Posts: 13342
Joined: Tue Jun 21, 2011 11:04 am
Location: Mü-Sa, RLP, DE
Contact:

Re: Template Workshop?

Post by cmb » Fri Oct 27, 2017 11:11 am

Simmyne wrote:dass ich und Programmieren nicht so gut zusammenpassen
Na ja, man streitet sich oft darüber, aber ich würde weder HTML noch CSS als Programmiersprache einstufen. :)
Simmyne wrote:
SiNiTaSa wrote:Das Thema margin und padding zu Gemüte führen
Das hab ich noch nie richtig kapiert :oops:
Wird hier erklärt.
Christoph M. Becker – Plugins for CMSimple_XH

mhz
Posts: 625
Joined: Tue Jun 25, 2013 8:46 pm
Location: Heusenstamm, Hessen
Contact:

Re: Template Workshop?

Post by mhz » Sun Oct 29, 2017 7:00 pm

Vielleicht solltest du gelegentlich ein wenig über Grundlagen nachlesen
... und eine andere sehr gute Anlaufstelle ist auf deutsch http://www.css4you.de/ und in englisch https://www.w3schools.com/
Michael Zajusch (mhz)-- Mein Tutorial für CMSimple_XH. Früher

Post Reply