Wapster.de Verbesserungen

[webhostel]

Hallo,
ok, ich hab bei Google viele solcher Probleme mit Uploads gelesen.
Gruß Olli

[webhostel]

Schon gewusst?
Die Tabellenfunktion hat eine neue Erweiterung für Hintergrundfarben und vieles mehr.
Hier könnte ihr richtig tolle Tabellen erstellen.
Dazu müsst ihr nur die Zelleneigenschaffen mit einem Rechtsklick wählen

https://www.wapster.de/aifragen

Gruß Olli

[webhostel]

Hallo,
ab sofort gibt es ab 7 Textseiten eine automatische neue Anordnungsfunktion (Untereinander),
die es bei sehr vielen Textseiten erleichtert, diese zu ordnen.



Gruß Olli

[webhostel]

Hallo,
wir haben der Galerie jetzt einen Editor vorgeschaltet. Jetzt kann man Texte, links über eine Galerie schreiben und somit auch verschönern.
Gruß Olli

[webhostel]

Hallo,
da man jetzt eigene Header unter: Logo & Farben
hochladen kann, die bis max. 1050px breit sind, haben wir den Einbaucode
jetzt zum einfachen Kopieren unter dem hochgeladenen Logo (Header, Bild) gestellt.
Das Logo wird hier allerdings verkleinert dargestellt. Öffnet man es im neuen Fenster, ist es max. 1050 vergrößert.
Also ideal, um es als eigenen Header einzufügen.

Im Log-in wird das Original hochgeladene Bild angezeigt.
Wenn man ein JPG hochlädt, wird es auf der Website auf 240 verkleinert, da es für normale Designs besser passt.
Im Log-In ist aber das Original zu sehen. (Rechtsklick, Bild im neuen Tab öffnen, zeigt es richtig).

Ihr könnt den Code auch erweitern, zb. width="100%" oder class="img-responsive"

Wenn Ihr einen eigenen Header einbauen oder von einem Template ersetzten wollt, könnt ihr diesen Code jetzt
gegen <site logo/> austauschen. Ein direkter Link zum Design-HTML-Editor ist auch vorhanden.

Sollte man das Bild (Logo, Header) neu hochladen, ändert sich die URL und muss neu im Design HTML ersetzt werden.

Gruß Olli

[webhostel]

Hallo,
wir haben jetzt eine zusätzliche Möglichkeit für die Navigations-Linksfarbe unter Logo&Farben hinzugefügt.



Ihr könnt jetzt via Farbpalette eine beliebige Akzentfarbe und Navi-Linksfarbe wählen.

Beispiel für einen blauen Navigations-Hintergrund und weißen Navigationslinks:
https://www.wapster.de/aifragen

Bin mir aber bisher nicht sicher, ob der komplette Bereich in der gleichen Linkfarbe sein soll.
Wäre auf jedenfall via CSS style änderbar. Aber mir gefällt so, wenn nur die Navilinks meine Wunschfarbe haben.

Der Style, um alles in z.B. weis zu machen ist:

/* Heading */
#menu .major h2{
	color:#ffffff !important;
}
/* Heading */
#sidebar section h2{
	color:#ffffff !important;
}
/* Article */
#sidebar section article{
	transform:translatex(0px) translatey(0px);
}
/* Heading */
.mini-posts article h4{
	color:#ffffff;
}
/* Heading */
.contact a h4{
	color:#ffffff;
}
/* Heading */
#sidebar footer h5{
	color:#ffffff;	
}

Hier mal eine Liste der Variablen, die man in ein eigenes Template einbauen kann:

<site title/> für den Metatag = Titel

<site keywords/> für das Metatag = Keywords

<site description/> für das Metatag = Beschreibung

<link href="css/bootstrap.css" rel="stylesheet"> muss im Template im Headbereich

<link href="user_templates/xx/style.css" rel="stylesheet" type="text/css" />
Wenn Sie ein eigenes Template erstellen, müssen Sie hier die URL zu Ihrer hochgeladenen CSS einfügen.

<site menu/> Die obere Navigation. Falls nicht korrekt angezeigt, schreiben Sie <ul> davor und </ul> danach.

<site news/> Ihre News z.B. unter der Navigation oder in einem anderen Block.

<ul><site news_slider/></ul> Ein moderner News-Slider, der nur auf der Startseite erscheint. Sie können die Variable über den Content setzen.

<site album_files/> Ihre Fotoalben und falls hochgeladen, Ihre Dateien. Falls nicht korrekt angezeigt, schreiben Sie <ul> davor und </ul> danach.

<site content/> Ihre Textseiten Inhalte. Meist mit <p> davor und </p> danach.

<a href="#"><h1 id="logo"><site logo/></h1></a> Ihr Website Logo oder Logo Text.

<a href="#"><h1><div id="site_slogan" class="editable">Mein Website Slogan</div></h1></a> Ihr Slogan. Sie können es einbauen oder weglassen.

<site bottom_menu/>Navigation ohne Untermenüseiten. Z.B. als untere Horizontale Navi. Hier muss ein evtl. <ul> davor und </ul> danach sein.

<site news_slider/> Slider. Er wird nur auf der Home Seite angezeigt.

<site social_links/> Social Media Links. Ihre Facebook, Twitter usw... Icons werden automatisch auf der Website generiert.

class="custom-back-color" kann in einem div, span usw. eingefügt werden. Hier wird dann die Akzentfarbe als Hintergrundfarbe wirken.

class="custom-color" kann in einem div, span usw. eingefügt werden. Hier wird dann die Akzentfarbe als Text, Linkfarbe wirken.

Gruß Olli

[webhostel]

Hallo,
wir haben bei Auswahl eines Hintergrundbildes jetzt einen festen Wert eingegeben, damit es nicht wiederholt und mitscrollt.

Wer einen eigenen Hintergrund (statt der auswählbaren) haben möchte,
muss diesen vorher als SVG umwandeln und in Tools & Extras -> Dateien (js,css,pdf...) hochladen
und kann im Design HTML (im Headbereich) folgenden Code eingeben.

<style>
body
{
background-image:url('https://www.wapster.de/user_files/URL-ZUR.svg');
background-position: center top;
background-size:cover !important;
background-attachment:fixed !important;
}
Wenn der Hintergrund mitscrollen soll, entfernt einfach background-attachment:fixed !important; aus dem Code.
</style>

Die URL-ZUR.svg findet ihr, indem ihr nach dem Hochladen auf das SVG Icon klickt und die URL aus dem Browser kopiert.

Wer ein Hintergrundbild umgewandelt haben möchte, kann sich auch melden. Ich habe dafür das Affinity Designer Programm.
Manchmal wird das mit Online Bildumwandler nicht so doll. Müsst ihr einfach mal versuchen.
Demo: https://www.wapster.de/microbagger

Gruß Olli

[webhostel]

Hallo,
wir haben die Vorschau im Log-in Bereich jetzt umgebaut.

Wenn man jetzt in der Vorschau auf einen Navi link klickt,
kommt man mit dieser Seite direkt in den Editor und kann sie bearbeiten.

Bei sehr vielen Textseiten kann das hilfreich und übersichtlicher sein.

Jetzt gibt es auch unter Homepage bearbeiten den Link Vorschau,
mit einer noch größeren Homepage Vorschau (bearbeitbar).

Gruß Olli