Fragen zu mit CMS erstellter Website
Hallo,
Dieser Link ruft unsere Firmen Website auf (Vorab- /Testversion). Diese ist noch nicht ganz fertig, verschiedene Unterseiten sind noch ausgeblendet und es fehlt verschiedentlich noch Inhalt...
Ich habe die Seite mit 'Shop to date' (Data Becker) erstellt. Die Shopfunktionen sind noch nicht aktiviert. Abgesehen von den Shopfunktionen ist das aber auch ein Content-Management-System für Websites.
Das Design konnte ich mir aus einer Menge Vorlagen aussuchen, ich bin damit soweit auch zufrieden
Jetzt das Problem: Ich hätte gerne in der Zeile über dem Bild (mit der Magnolienblüte) auf Höhe des Schriftzugs rechstbündig unser Logo (\images\logo.jpg) integriert. Das CMS bietet diese Möglichkeit nicht.
Ich weiß aber nicht wie, da mit Stylesheets gearbeitet wurde und der gesamte Aufbau über 3 *.css Dateien geregelt wird.
Wo muss ich da was eintragen? Könnt ihr mir da helfen?
Da ich die Schrift der Texte mit 10 Pkt etwas klein finde, würde ich gerne in den css-Dateien auf 12 umstellen, welche Zeile ist dafür die Richtige?
Hier der Inhalt der css-Dateien:
sc.css/* Content und Sidebar-Elemente */
#content h1 {
font-size: 220%;
font-weight : normal;
margin: 0px;
padding: 5px 0px 2px 0px;
text-transform: uppercase;
color: #444444;
}
#content h2 {
font-size: 120%;
font-weight : bold;
margin: 0px;
color: #53672F;
}
#sidebar h1 {
padding: 9px 20px 9px 20px;
background-color: #53672F;
font-size: 100%;
font-weight : bold;
margin: 0px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
}
#sidebar h2 {
font-size: 100%;
font-weight : bold;
margin: 0px;
color: #D0E0B8;
padding: 4px 0px 2px 0px;
}
.sb {
padding: 9px 20px 9px 20px;
color: #ffffff !important;
}
#content h2 {
padding: 10px 0px 2px 0px;
}
#content h3 {
font-size: 100%;
font-weigth: bold;
margin: 0px;
padding: 2px 0px 2px 0px;
color: #53672F;
}
#content p, #sidebar p {
margin: 0px;
padding: 2px 0px 4px 0px;
line-height: 160%;
}
#content a {
text-decoration: none;
font-weight : bold;
color: #6F8B3F;
}
#sidebar a {
font-weight : bold;
color: #D0E0B8;
text-decoration: none;
}
#content a:hover, #sidebar a:hover {
text-decoration: underline;
}
#content .sidepicture {
float: right;
padding: 0px 0px 0px 10px;
margin: 5px 0px 10px 10px;
width: 160px;
}
#content .clearer {
clear: both;
}
#more {
margin: 0px;
padding: 20px 0px 0px 0px;
text-align: right;
}
#more a {
text-decoration : none;
background : url(../images/pbull.gif) no-repeat;
padding: 2px 0px 4px 15px;
}
/* Liste */
#content ul, #sidebar ul {
list-style: none;
padding: 0px;
margin: 6px 0px 6px 10px;
}
#content li, #sidebar li {
padding: 2px 0px 2px 16px;
background: url(../images/pbull.gif) no-repeat top left;
}
/* Tabelle */
#content table.cells {
}
#content td.cell {
background-color: #eeeeee;
}
#content td.headercell {
background-color: #53672F;
color: #ffffff;
font-weight: bold;
}
/* Teaser */
div.teaserelement {
float: left;
padding: 0px 20px 0px 0px;
margin: 0px;
}
div.teaser {
margin: 0px;
padding: 2px 0px 2px 0px;
}
div.teaserpicture {
float: right;
padding: 0px;
margin: 5px 0px 8px 5px;
border: none;
}
p.teasertext {
margin: 0px;
padding: 4px 0px 4px 0px;
}
.teasernav {
clear: both;
padding: 2px 0px 2px 0px;
margin: 0px;
text-align: center;
}
/* Absatztype Formular */
input.box {
width: 300px;
vertical-align: top;
padding: 1px;
margin: 0px 0px 10px 0px;
border : 1px solid #cdcdcd;
color: #333333;
background: url(../images/pmt.gif) repeat-x;
font-size: 10px;
}
form.formular textarea {
background: url(../images/pmt.gif) repeat-x;
border : 1px solid #cdcdcd;
width: 300px;
height: 200px;
vertical-align: top;
padding: 1px;
margin: 0px 0px 10px 0px;
}
form.formular .formcaption {
width: 140px;
line-height: 200%;
float: left;
clear: left;
}
form.formular .formnote {
color: #53672F;
line-height: 160%;
padding: 2px 0px 10px 142px !important;
}
.buttoncaption {
line-height: 200%;
}
/* Plugin-Styles */
P.s2d {
font-size: 180%;
color: #53672F;
font-weight : bold;
margin: 0px;
padding: 2px 0px 2px 0px;
line-height: 200%;
}
P.s2dsmall {
font-size: 80%;
}
#sidebar p {
color: #ffffff !important;
}
a.s2dsmall, a.s2dinfo {
text-decoration:underline !important;
}
sd.cssBODY {
margin: 0px;
padding: 0px;
background: #E4E3E3 url(../images/pbk.gif) repeat-y;
}
#logo {
position: absolute;
left: 50px;
top: 0px;
width: 900px;
height: 80px;
background: url(../images/plg.gif) no-repeat;
}
#maintopic {
position: absolute;
left: 50px;
top: 80px;
width: 900px;
height: 30px;
border-top: 1px solid #cdcdcd;
background: url(../images/pmt.gif) repeat-x;
overflow: hidden;
}
#plaintext {
position: absolute;
left: 750px;
top: 86px;
width: 195px;
height: 30px;
text-align: right;
z-index: 100;
}
#plaintext a {
color: #888888;
text-decoration: none;
}
#youarehere {
position: absolute;
left: 50px;
top: 111px;
width: 900px;
height: 30px;
}
#youarehere a {
display: block;
float: left;
height: 30px;
padding: 0px 10px 0px 23px;
line-height: 30px;
color: #888888;
text-decoration: none;
font-size: 11px;
background : url(../images/pmr.gif) no-repeat;
}
#youarehere a:hover {
color: #6F8B3F;
background : url(../images/pmra.gif) no-repeat;
}
#maintopic a {
display: block;
float: left;
height: 30px;
padding: 0px 10px 0px 10px;
line-height: 30px;
color: #888888;
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
letter-spacing : 2px;
background : url(../images/pln.gif) no-repeat right;
}
#maintopic a:hover {
background: url(../images/pmta.gif) repeat-x;
color: #333333;
}
#maintopic a.active {
background: url(../images/pmta.gif) repeat-x;
color: #333333;
font-weight: bold !important;
font-size: 11px;
}
#topic {
position: absolute;
left: 50px;
top: 145px;
width: 199px;
background-color: #6F8B3F;
}
#topic a {
display: block;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #D0E0B8;
padding: 0px;
margin: 3px 20px 3px 20px;
text-transform: uppercase;
font-size: 10px;
}
#topic p {
text-align: center;
}
#topic p a {
border-bottom: none !important;
}
#topic a:hover, #topic a.active {
color: #D0E0B8;
}
#topic h1 {
padding: 9px 20px 9px 20px;
background-color: #53672F;
font-size: 100%;
font-weight: bold;
color: #ffffff;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0px;
}
#eyecatcher {
position: absolute;
left: 250px;
top: 145px;
width: 700px;
height: 150px;
background: url(../images/peye.jpg) no-repeat;
}
#content {
position: absolute;
left: 270px;
top: 315px;
width: 460px;
padding: 0px;
margin: 0px;
}
#sidebar {
position: absolute;
top: 296px;
left: 750px;
width: 200px;
background-color: #6F8B3F;
color: #fffff;
}
form.search {
position: absolute;
top: 28px;
left: 780px;
width: 160px;
}
form.search input {
margin: 0px;
vertical-align : middle;
}
input.search {
border : 1px solid #cdcdcd;
color: #333333;
width: 118px;
padding: 2px;
background: url(../images/pmt.gif) repeat-x;
font-size: 10px;
}
sf.cssHTML, BODY, TD, INPUT, SELECT {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
Danke im Voraus, Mikoop
Antwort schreiben
Antwort 1 von Mikoop vom 31.01.2020, 12:03 Options
Ich habe noch eine Frage, die ich glatt vergessen hatte. In der Kategorie Seminare bieten wir Kurse an. Dafür suche ich eine Art Anmeldeformular.
Zur Zeit behelfe ich mir mit einem Mail-Link, aber schöner wäre ein Formular, indem die Kunden den Kurs aussuchen können und sich anmelden.
Gibt es das evtl. bearbeitbare Vorlagen?
Gruss, Mikoop
Antwort 2 von katy vom 31.01.2020, 12:30 Options
Hallo Mikoop,
das erstere Problem ließe sich vielleicht so lösen:
Suche folgende Stelle im Code:
<div id="youarehere">
<a href="./index.html">Startseite</a>
</div>
<div id="eyecatcher"></div>
ändere sie mal testweise in
<div id="youarehere">
<a href="./index.html">Startseite</a> <img src="\images\logo.jpg" alt="Hils-Koop" />
</div>
<div id="eyecatcher"></div>
ich vermute der
eyecatcher ist die Magnolie, dann kann das fragliche DIV eigentlich nur das darüber sein.
In deinen CSS-Files kommen font-size : 10 oder 11 px mehrfach vor, du müsstest leider alle raussuchen und ändern, denn selbst für ein und dasselbe Element ist die Schriftgröße hier mehrfach festgelegt worden.
Bietet das CMS keine Formularentwicklung an?
katy
Antwort 3 von Mikoop vom 31.01.2020, 19:26 Options
nachobenschieb
Antwort 4 von Mikoop vom 31.01.2020, 21:29 Options
Hallo katy,
Danke für deinen Vorschlag, der allerdings voraussetzt, dass ich auf jeder Seite den Quelltext manuell bearbeite. Bei einem Test hat sich leider auch gezeigt, dass das Logo nicht sichtbar ist.
Ich werde wohl weiter nach einer Möglichkeit suchen müssen, das direkt in einer css Datei zu regeln.
Als letzte Mittel bleibt mir sonst noch die Wahl eines anderen Designs...
Gruss, Mikoop
Antwort 5 von katy vom 01.02.2020, 07:49 Options
Hallo Mikoop,
dann probier es eben über CSS:
div#youarehere {
background-image : url(/images/logo.jpg);
background-repeat : no-repeat;
background-position : right;
}
das solltest du ganz unten in die CSS-Datei schreiben, die zuletzt aufgerufen wird.
Mir fiel aber eben noch ein Fehler in der Syntax in Antwort 2 auf. Da hatte ich ohne zu prüfen deine Pfadangaben zum Logo kopiert. Die ist aber falsch, denn den Backslash \ gibt es in URLs nicht. So konnte das Logo natürlich nicht gefunden werden.
katy
Antwort 6 von Jaja vom 01.02.2020, 09:04 Options
hey,
also wenns um ein "einschreibe" system für die kurse geht:
jexamdas ist ein projekt meiner fakultät und wird auch für die prüfungseinschreibungen bei uns genutzt...
das ist für deine bedürfnisse zwar ein wenig "over-kill" und die anpassung an deine seite sicher auch ein wenig bastel-arbeit, dafür könnte das system auch so weiter bestehen, wenn ihr mal ein großkonzern mit mehr als 8.000 kursteilnehmern seid. ;)
naja - das projekt steht unter einer freien lizenz (soweit ich weiß, kannst ja mal fragen) und prinzipbedingt ist die dokumentation mehr als umfassend... ausserdem kannste die leutz bei problemen auch fragen - ganz nette leute ;)
Antwort 7 von Jaja vom 01.02.2020, 09:19 Options
hmm...
mir fällt noch
horde ein...
das ist zwar an sich am günstigsten als webmailer zu nutzen, kann aber auch als weboberfläche für groupware genutzt werden.. damit könnte so ein einschreibesystem eigentlich auch schon ganz nett realisiert werden.. mit stundenplan (icalendar) usw..
Antwort 8 von katy vom 01.02.2020, 10:19 Options
Hallo Mikoop,
das Formular hatte ich beinahe vergessen. Allerdings halte ich die Vorschläge von Jaja für deine Seite völlig überdimensioniert.
Wenn du die ganze Seite als Formular nimmst und einfach unter jedem Kurs ein
Feld zum Anklicken mit "
An diesem Kurs möchte ich teilnehmen"
Und ganz unten
input-Felder für Name, Anschrift, E-Mail sollte das völlig reichen. Dazu den PHP-Formmailer von
SelfHTML und noch eine Antwortseite entworfen - fertig.
katy
Antwort 9 von Jaja vom 01.02.2020, 10:27 Options
hmm - ja überdimensioniert trifft es.
allerdngs würde mich als kunde GANZ ERHEBLICH stören, das die kommunikation meiner persönlichen daten bei "Antwort 8 von katy " ganz ohne jegliche verschlüsselung erfolgt.. zumindest eine ssl verschlüsselte seite für die formulardaten wäre schon nicht verkehrt..
Antwort 10 von katy vom 01.02.2020, 11:36 Options
Hallo Jaja,
es dreht sich zudem um öffentliche Daten (Name, Anschrift), die relativ sicher per POST versendet werden, nicht um Bankkontendaten. Zumindest so habe ich Mikoops Anliegen verstanden: als Ersatz für das bisherige Anmelden per E-Mail-Kontakt.
katy
Antwort 11 von Jaja vom 01.02.2020, 11:43 Options
das habe auch ich so verstanden - aber mitnichten sind anschrift und name öffentliche daten...
die meisten verwechseln die bedeutung von solchen daten im real life und im internet. wärend im ersten fall jeder vorbeikommen und auf dein klingelschild gucken kann, hat das nicht die selben folgen als wenn die daten im internet ungeschützt für jeden einsehbar sind. nicht nur das dann u.u. massenhaft spam "ins haus" steht, sind die auffindbaren informationen im netz nicht flüchtig, sondern auf jahre/ewig auffindbar und vor allem KOMBINIERBAR, welches unvorhersehbare rükschlüsse auf andere private/intime verhältnisse zulässt.
es müsste natürlch auch eine datenschutzerklärung intergriert werden.
Antwort 12 von Jaja vom 01.02.2020, 11:49 Options
@katy
aso: du hast ja auch hier im sn deinen vollständigen namen veröffentlicht - wer das will kann das tun.
aber warum hast du nicht auch gleich deine vollständige adresse und/oder telefonnummer angegeben? und dann fehlte noch das alter und natürlich beruf - wills ja nicht übertreiben, aber dann würde auch noch jahresgehalt und sexuelle vorlieben das bild abrunden, oder?
alles deiner aussage nach keine besonders schützenswerten angaben, oder doch?
will nicht stänkern, sondern nur aufzeigen, das die grenze zwischen öffentlichen und (zu schützenden) privaten daten ja sowas von schwammig sind, das es wohl besser ist, mann stellt ALLE persönlichen daten - wie auch name und anschrift - unter ein besonderes recht.
das recht, seine daten nur denjenigen zu geben, für den sie bestimmt sind.
Antwort 13 von katy vom 01.02.2020, 12:00 Options
Hallo Jaja,
zum einen hast du Recht: was jeder veröffentlicht ist seine Sache, zum anderen hast du Unrecht: Öffentlich sind die Infos die du aus einem öffentlichen Adressverzeichnis (Telefonbuch, Meldeamt-Kartei) erhältst.
Hilft dir das meine Aussagen besser zu verstehen? Tut mir leid, wenn ich mich eventuell nicht klar genug ausgedrückt haben sollte, aber manche Feinheiten der Deutschen Sprache beherrsche ich noch nicht perfekt.
katy
Antwort 14 von Jaja vom 01.02.2020, 13:03 Options
Zitat:
Telefonbuch
..veröffentlichung in diesem sind freiwillig und noch dazu zweckgebunden. keiner darf diese daten zu was anderem benutzen, als dich anzurufen bzw. einen brief zu schreiben..
außerdem ist die aufnahme in das telefonbuch zu beantragen, nicht die ausnahme vom telefonbuch: die prioritäten sagen hier also auch was zum thema private daten aus.
Zitat:
Meldeamt-Kartei
..privatpersonen dürfen nur unter sehr eingrenzenden bedingungen einsicht in die daten nehmen. z.b. du sucht deinen liblichen vater... und selbst das wird schwierig!
beide deiner beispiele sind an sich gegenbeispiele für deine these....
Antwort 15 von katy vom 01.02.2020, 13:09 Options
Hallo Jaja,
vielleicht liegt hier ein grundsätzliches Missverständnis vor? Die Eingaben der Kursteilnehmer sollen natürlich nicht ins Netz. Wozu auch? Wenn du das Formmailer-Programm ansiehst wirst du erkenne, dass das die Daten einfach in eine Mail an Mikoop setzt. Als automatische Antwortseite kann dann so etwas wie "Vielen Dank für Ihr Interesse, wir setzen uns umgehend mit Ihnen in Verbindung" kommen. Ich weiß nicht, was du dir hier gerade für Szenarien ausmalst, in denen die Daten missbraucht werden. Eine Datenschutzerklärung muss natürlich dabei stehen, allerdings sollte dabei ein Satz ausreichen, dass die Daten nur für Kursanmeldung gebraucht und anbschließend gelöscht werden und natürlich jederzeit eine Anfrage über die gespeicherten Daten gestellt werden kann. Alles an Mikoops Seite angepasst, also klein und überschaubar.
katy
Antwort 16 von Jaja vom 01.02.2020, 13:24 Options
Zitat:
dass das die Daten einfach in eine Mail an Mikoop setzt
richtig. allerdings werden
1. die formulardaten aus den feldern im klartext per POST/GET übermittelt...
2. ist nicht ersichtlich, ob die serverseitig per php realisierte funktion
mail($strEmpfaenger, $strSubject, $strMailtext, "From: ".$strFrom)
die (sensiblen) daten nun ssl/tls verschlüsselt über smtp überträgt..
damit werden persönliche daten nun also sogar 2x auf unbekannten wegen unverschlüsselt übertragen.
Zitat:
dass die Daten nur für Kursanmeldung gebraucht und anbschließend gelöscht werden und natürlich jederzeit eine Anfrage über die gespeicherten Daten gestellt werden kann
sehe ich auch so.. das wird wohl reichen...
Antwort 17 von Mikoop vom 02.02.2020, 08:52 Options
Liebe katy,
Lieber JaJa,
Vielen Dank für eure lebhafte Diskussion zu meiner Frage zum Anmeldeformular, die einige Fragen aufgeworfen hat (wie zB Datenschutz, ggf. Datenschutzerklärung etc) um die ich mich in Muße kümmern muss.
Da es wohl keine schnelle Lösung gibt, bleibe ich erst mal bei einer Mail-Lösung und kümmere mich um das Anmeldeformular im Rahmen einer der nächsten Aktualisierungen der Website.
Euch ein schönes Wochenende,
Gruss, Mikoop