Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag25.01.2015 um 15:48 (UTC)    
Titel: Am basis Design etwas ändern

http://primus-omniumcc.de.tl/Startseite.htm

Servus,

wenn ihr euch meine website anschaut, seht ihr ja das hässliche graue Loginfeld.
Ist es möglich dieses nach links zu verschieben und das grau transparent zu bekommen?

Würde es gerne unter/oberhalb oder links neben meiner Seitenauswahl plazieren und nein ich will das Loggin Feld gerne behalten und keine Seite daraus machen.

Wenn die Member eingeloggt sind habe ich weitere 4 versteckte Seiten, die an die Liste der Seitenauswahl hinzukommen, ich weiß nicht ob das irgendwie relevant ist.

Ein zweites Anliegen hätte ich auch noch, ist es möglich die versteckten Seiten für jeden sichtbar zu machen, aber wenn man dann drauf klickt kommt die Meldung: Nur für Mitglieder zugänglich.


Da alle guten Dinge 3 sind, wollte ich noch fragen ob es möglich ist, wenn ich eine Seite hinzufüge in diesem Fall eine Galerie, es möglich wäre, dass die eingeloggten Mitglieder dort Bilder hochladen können und nicht nur ich über den Baukasten.

Ich hoffe ihr versteht was ich meine.

Vielen Dank
Beitrag26.01.2015 um 00:53 (UTC)    
Titel:

Hallo,

Die Hintergrundfarbe stammt vom Feld der rechten Box.
Das Feld der rechten Box hat die ID "sidebar", ändern geht mit einem CSS-Code.
#e8e8e9 wäre die jetzige Farbe. Die kannst Du im Code ändern.

Zitat:

#sidebar {
background-color: #e8e8e9!important;
}

Den Login links vom Menü:
Würde ich dort nicht platzieren. Den freien Platz, den Du Links und Rechts vom Design siehst, sehen nicht alle User.
Besucher mit kleinerer Bildschirmauflösung, z.b. 1024 x 768, sehen diesen freien Platz Links vom Design nicht Wink

Login unterhalb vom Menü:
Das liesse sich machen, allerdings passt sich es dann nicht dem Menü an.
User, die sich einloggen, sehen ja einige Menü-Links mehr. Der Login würde nicht mit wandern.

Es liesse sich auf das Headerfeld oben platzieren.
Dazu erstellst Du ein neues Feld . Beschreibung hier : http://www.homepage-baukasten.de/forum/viewtopic.php?t=134831

Bei Schritt 2 fügst Du den HTML-Code des Logins in das DIV ein :

Zitat:

<form style="background:#fff;width:180px;padding:10px;border:1px solid #c9c9c9;font-size:13px;overflow:hidden;" method="post" action="Login.htm">
<table>
<tbody><tr>
<td style="padding-bottom:10px;">Benutzername:</td>
<td style="padding-bottom:10px;"><input type="text" value="" name="modulenter[name]" style="width: 85px"></td>
</tr>
<tr>
<td style="padding-bottom:10px;">Kennwort:</td>
<td style="padding-bottom:10px;"><input type="PASSWORD" value="" name="modulenter[kennwort]" style="width: 85px"></td>
</tr>
</tbody></table>
<input type="hidden" value="1" name="mode">
<input type="hidden" value="1" name="checklogin">
<input style="float:right;" type="submit" value="Einloggen">
</form>


Und bei Schritt 3 siehst Du den CSS-Code, hier musst Du die Werte ändern, um es wie gewünscht zu platzieren.
Auch die Höhe "height" musst du an die Höhe des Formularfeldes anpassen.

Gruß Wolle


Zuletzt bearbeitet von clean-test am 26.01.2015, 18:21, insgesamt einmal bearbeitet
Beitrag26.01.2015 um 13:08 (UTC)    
Titel: danke für die fixe Antwort

Klappt bei mir leider nicht, dass Login Feld im Header zu platzieren, es verschwindet unter dem Header, und ich weiß nicht wieso.

Dass ist der Code den ich bei TEXT ÜBER DESIGN eingebe:

<div style="width:XXXpx; margin: 0px auto; overflow:hidden;">

<div id="new_box"><form style="background:#fff;width:180px;padding:10px;border:1px solid #c9c9c9;font-size:13px;overflow:hidden;" method="post" action="Login.htm">
<table>
<tbody><tr>
<td style="padding-bottom:10px;">Benutzername:</td>
<td style="padding-bottom:10px;"><input type="text" value="" name="modulenter[name]" style="width: 85px"></td>
</tr>
<tr>
<td style="padding-bottom:10px;">Kennwort:</td>
<td style="padding-bottom:10px;"><input type="PASSWORD" value="" name="modulenter[kennwort]" style="width: 85px"></td>
</tr>
</tbody></table>
<input type="hidden" value="1" name="mode">
<input type="hidden" value="1" name="checklogin">
<input style="float:right;" type="submit" value="Einloggen">
</form> </div>
<style type="text/css">
<!--

#new_box {
position: absolute;
margin-top: 200px;
margin-left: 400px;
width: 200px;
height: 80px;
border: 1px solid #000080; }

-->
</style>


<style type="text/css">
#content, #masthead
{
background-color: rgba(255,255,255,0.4);
}
</style>


Das rote ist nur für die Transparenz da für mein Header und die Hauptseite.

Im TEXT UNTER DEM DESIGN gebe ich ein:

</div>


Wo liegt bei mir der Fehler?

Ich hab echt keine Ahnung von html und CSS, wenn du mir einfach den fertigen code geben könntest den ich nur kopieren und einfügen muss wäre ich dir sehr dankbar.

MFG Bofi
Beitrag26.01.2015 um 13:45 (UTC)    
Titel:

Hallo,

soweit fast alles richtig gemacht Wink
Dem DIV noch die Breite geben, die auch Dein Design hat. So stands bei Schritt 1
<div style="width:XXXpx; margin: 0px auto; overflow:hidden;">

Ersetze das XXX durch Deine Designbreite 1000.

Und der CSS-Code müsste dann so aussehen :
Zitat:

#new_box {
position: absolute;
width: 200px;
height: 150px;
margin-left: 20px;
margin-top: 170px;
border: 1px solid #000080;
z-index: 100;
}


Und schon ist das Login-Feld im Header sichtbar Very Happy
Zum verschieben kannst Du die Werte bei margin-top (Abstand nach oben) und margin-left (Abstand nach Links) ändern.

Gruß Wolle
Beitrag26.01.2015 um 14:19 (UTC)    
Titel:

Danke hat geklappt, bekommen wir das auch noch transparent, wie das Facebook like Fenster in der anderen Ecke?
Beitrag26.01.2015 um 14:33 (UTC)    
Titel:

Ja das ist schnell gemacht.

suche die Codezeile des Formulars :
Zitat:

<form style="background:#fff;width:180px;padding:10px;border:1px solid #c9c9c9;font-size:13px;overflow:hidden;" method="post" action="Login.htm">


Wenn Du den Blau markierten Teil heraus nimmst, ist die weiße Hintergrundfarbe weg.
Ob man dann aber noch was lesen kann vom Login ? Das müsstest Du testen.

Du könntest dann ja ein neues Headerbild erstellen.Und lässt die ersten 180 Pixel
auf dem Headerbild weiß. Zumindest sähe das dann passender aus Wink

Gruß Wolle


Zuletzt bearbeitet von clean-test am 26.01.2015, 15:35, insgesamt einmal bearbeitet
Beitrag26.01.2015 um 15:19 (UTC)    
Titel:

hm... klingt jetzt vielleicht blöd,
aber wie komme ich auf die Codezeilen des Formulars?
F12?
Und wie kann diese dann bearbeiten?

evtl. geh ich dir vlt. ja schon auf die Nerven, dann tut es mir leid, aber ist es auch möglich das login Fenster nur auf der Startseite zu zeigen?

Danke

Mfg Bofi
Beitrag26.01.2015 um 17:20 (UTC)    
Titel:

Hallo,

kein Problem, wir haben alle mal klein und unwissend angefangen.
die Codezeilen des Formulars hast Du im Feld"Text über Design" eingefügt.
Findest Du bei Dir gleich nach dem <div id="new_box"> <form style="..... Wink


Und Ja ... , Du kannst das Formular auch nur auf der Startseite sichtbar machen.
Ändere bitte den (bei dir eingefügten) CSS-Code bei Zeile #new_box { so um:

Zitat:

#new_box {
position: absolute;
width: 200px;
height: 150px;
margin-left: 20px;
margin-top: 170px;
border: 1px solid #000080;
z-index: 100;
display: none;
}


Durch das display: none; wird das Formular oben für Alle Seiten unsichtbar.
Mit dem zweiten Schritt machen wir es für deine Startseite sichtbar:

- nun auf "Seiten"
- Seite "Startseite" auswählen
- im Editor oben links auf "Quellcode"
- nun ist deine Startseite in der HTML-Code-Ansicht
- zu Beginn der Seite diesen Code einfügen
Zitat:

<style type="text/css">
<!--

#new_box { display: block!important;}
-->
</style>



Mit dem Code auf der Startseite wird das Formular nur dort wieder sichtbar.

Gruß Wolle


Zuletzt bearbeitet von clean-test am 26.01.2015, 18:43, insgesamt 5-mal bearbeitet
Beitrag26.01.2015 um 19:14 (UTC)    
Titel:

Danke dir!
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de