Forum Design

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � Forum Design

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8 und 7 - Fragen & Antworten Linux, Ubuntu und andere Betriebssysteme �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Forum Design datum

05.07.2023 12:59 (zuletzt bearbeitet: 06.07.2023 21:45)

Daishi

Informationen anzeigen

Beitr�ge:	389
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	327

Hallo, Wolfgang, ich bin so weit mit meinem Design fertig.

Das war ein ganz schöner Brocken hier im Xobor - Forum, ich habe der ganze Style über CSS3 gemacht. Ich hoffe, dass ich es soweit richtig gemacht habe.

Ich weiß nur nicht, woran es lag, aber alle Scripte von dir gingen bei mir im Forum nicht, ich habe dann alle HTML und CSS gelöscht.

Und alles neu installiert, dann fand ich heraus das viele Klassen andere Funktionen haben und ich alles abgeschossen habe und das Forum geschrottet habe, kam Error und hing fest * lach *

Nach langem schauen und probieren habe ich es jetzt hinbekommen, also deine Scripte gehen wieder bei mir. Bin überglücklich, dass ich das wieder hinbekommen habe.

Alle Buttons sind jetzt im Forum nach meinen Wünschen, und das Aussehen des Forums.

Hier mal ein Bildchen wie es jetzt aussieht

Und hier mal der CSS - Code, mit dem ich das Forum gestylt habe

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
/* Anfang - Style änderung Forum */
/* Anfang - Style änderung Forum */
/* Anfang - Style änderung Forum */
 
a.button {background: radial-gradient(#ffffff 2%,#84a7a0 -1970%, #ffffff 1% ,#84a7a0,#ffffff,#84a7a0) !important; }
input.button {background: radial-gradient(#ffffff 2%,#84a7a0 -1970%, #ffffff 1% ,#84a7a0,#ffffff,#84a7a0) !important; }
.usertitle small {background: radial-gradient(#ffffff 2%,#84a7a0 -1970%, #ffffff 1% ,#84a7a0,#ffffff,#84a7a0,#ffffff 2%,#84a7a0 -1970%, #ffffff 1% ,#84a7a0,#ffffff,#84a7a0) !important; }
.ratingbutton {background: radial-gradient(#ffffff 2%,#84a7a0 -1970%, #ffffff 1% ,#84a7a0,#ffffff,#84a7a0) !important; }
td.reply {background: radial-gradient(#ffffff 2%,#84a7a0 -1970%, #ffffff 1% ,#84a7a0,#ffffff,#84a7a0) !important; }
.navigation_wrap {background: radial-gradient(#ffffff 2%,#84a7a0 -1970%, #ffffff 1% ,#84a7a0,#ffffff,#84a7a0) !important; }
.topnavigation_wrap {background: radial-gradient(#ffffff 2%,#84a7a0 -1970%, #ffffff 1% ,#84a7a0,#ffffff,#84a7a0) !important; }
.boxheader {background: radial-gradient(#ffffff 2%,#84a7a0 -1970%, #ffffff 1% ,#84a7a0,#ffffff,#84a7a0) !important; }
.footer {background: radial-gradient(#ffffff 2%,#84a7a0 -1970%, #ffffff 1% ,#84a7a0,#ffffff,#84a7a0) !important; }
.footer_cat {float:left; margin: 5px 0 0 20px; font-size: 13px;}
 
.box .footer, .footer a, .footer div, .footer span, .boxheader small, .footer td, .footer strong  {color: #000000 !important;}
/* Ende - Style änderung Forum */
/* Ende - Style änderung Forum */
/* Ende - Style änderung Forum */  
 

Schlie�en

Ich hoffe, dass ich es so weit ohne Fehler gemacht habe, ich habe jetzt keine Fehler bei mir entdeckt. Kann ja sein, dass ihr vielleicht noch einen Fehler entdeckt, den ich hier mit eingebaut habe.

Für Hilfe und Erklärungen bin ich sehr dankbar.

Nette Grüße Daishi

Daishi

Wolfgang findet das Top!

Antworten

#2 | RE: Forum Design datum

06.07.2023 12:39 (zuletzt bearbeitet: 06.07.2023 21:44)

Daishi

Informationen anzeigen

Beitr�ge:	389
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	327

Ich weiß jetzt nicht, ob ich hier richtig bin, Wolfgang und Hans58 haben mich inspiriert, und ich habe mich etwas herangewagt.

Da ich dachte, mit dem style passte das Activity Feed nicht und habe es etwas angepasst, ich hoffe das die Idee gut ankommt.

In dem HTML habe ich Farbe und das Center angepasst.

Hier der HTML - Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<!-- Anfang - Activity Feed (Aktuelle Beiträge)  (Business (v4)! -->
<!-- Anfang - Activity Feed (Aktuelle Beiträge)  (Business (v4)! -->
<!-- Anfang - Activity Feed (Aktuelle Beiträge)  (Business (v4)! -->
 
<!-- die neusten Beiträge -->
<style>
.xFeedContainer .boxcontent {background-color: #ffffff;}
.activm {background-color: #eedc94;color:#383838;padding: 10px 0 10px 5px !important;text-align:left;border-top:1px solid #000000;cursor:pointer;}
.activl {margin: 10px 0 10px 5px !important;text-align:left;}
.activl img {padding-right:5px;}
#xActivityFeed {overflow:auto;} /* Blendet leeren Scrollbalken aus! */
</style>
 
<script>
$(function() {
 
$(".xFeedContainer .boxcontent").append('<div class="activm">mehr...</div>');
 
$("#xActivityFeed").append('<div class="activl"><center><img src="//img.homepagemodules.de/ds/static/feedicons/post.png"> <i>Hier geht es zu:</i> <a href="/forum.php?show=last">Letzte Beiträge!</a></center></div>');
 
$(".activm").toggle(function(){
$(this).html('Schließen');
$('#xActivityFeed').attr('style', 'max-height:100% !important');
}, function() {
$(this).html('mehr...');
$('#xActivityFeed').attr('style', 'max-height:134pt !important');
parent.location='#obere_leiste';
});
 
});
</script>
 
<!-- Ende - Activity Feed (Aktuelle Beiträge)  (Business (v4)! -->
<!-- Ende - Activity Feed (Aktuelle Beiträge)  (Business (v4)! -->
<!-- Ende - Activity Feed (Aktuelle Beiträge)  (Business (v4)! -->  
 

Schlie�en

Und hier der CSS-Code:

1
2
3
4
5
6
7
8
9
 
/* Anfang - Style Änderung Activity Feed erweitert! */
/* Anfang - Style änderung Activity Feed erweitert! */
/* Anfang - Style änderung Activity Feed erweitert! */
 
.activm {background: radial-gradient(#ffffff 2%,#84a7a0 -1970%, #ffffff 1% ,#84a7a0,#ffffff,#84a7a0) !important; }
 
/* Ende - Style änderung Activity Feed erweitert! */
/* Ende - Style änderung Activity Feed erweitert! */
/* Ende - Style änderung Activity Feed erweitert! */  
 

Schlie�en

Und hier mal die Bilder geschlossen und geöffnet.

Activity Feed geschlossen:

Activity Feed geöffnet:

Ich hoffe, es kommt gut an

Nette Grüße Daishi

Daishi

Wolfgang findet das Top!

Antworten

#3 | Fehlersuche: Forum Design Portal wilkommen datum

09.07.2023 22:01 (zuletzt bearbeitet: 09.07.2023 23:09)

Daishi

Informationen anzeigen

Beitr�ge:	389
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	327

Wolfgang mal eine Frage, der Willkommenstext im Portal bekomme ich nicht auf Center, also zentriert, habe alles gelöscht, ist immer noch links ausgerichtet.

Habe auch diesen Code von dir angegeben, der bringts auch nicht, was mache ich falsch?

Code von dir:

1
2
3
 
/* Anfang - Korrektur Portal-Breite */
  .container portal {width:100% !important;}
/* Ende - Korrektur Portal-Breite */  
 

Bin jetzt mit meinem Wissen am Ende. Hatte alle Plugins gelöscht, alle CSS und alles an HTML. Der Willkommenstextfenster ist immer noch links.

Oder muss ich bei der Admin Einstellungen irgendetwas machen?

Hat noch Zeit, ist nicht so wichtig, muss eh noch viel schreiben und testen mit dem neuen Aussehen.

Aber vielen lieben Dank im Voraus für die netten Erklärungen und die vorzügliche Hilfe.

Gruß Daishi

Daishi

Antworten

#4 | Fehlersuche: Forum Design Portal - Willkommen datum

09.07.2023 23:08

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3453
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1317

Fehlersuche: Forum Design Portal - Willkommen

Hallo Daishi,
wenn man sich den Quellcode ansieht,
hast Du irgendwo folgenden Code mit "float: left" versteckt!
Der zwingt Deine Box zum Linksanschlag!
Am besten erstmal Zeile 3 löschen oder auskommentieren!

1
2
3
4
5
 

.portal .box_container, .portal .dragdropbox {
    float: left;
    margin: 5px 20px 5px 0;
}
 

VG
Wolfgang

Antworten

#5 | RE: Forum Design Portal wilkommen datum

10.07.2023 00:22 (zuletzt bearbeitet: 10.07.2023 07:36)

Hm, finde da nichts, die Plugins sind ausgeschaltet, HTML und CSS sind leer, verstehe das nicht.

Finde auch die Codes nicht wo die sein sollen, und an der HTML - Tempelte habe ich nix verändert.

Bin echt gerade sehr überfordert, das war auf einmal links LOL, keine Ahnung, was das ist.

Habe aber eine Lösung gefunden, und ist jetzt geht es wieder, habe die ganze Nacht daran gesessen, und das Forum 4 bis 5 Mal gelöscht und wieder neu gemacht.

Aber vielen lieben Dank für die netten Erklärungen und die vorzügliche Hilfe.

Gruß Daishi

Daishi

Wolfgang findet das Top!

Antworten

Einfache Light Box Bildergalerie � � Uhr mit Datum

�hnliche Themen

Antworten

Letzter Beitrag

Ideen, Inspirationen, Skripte sind hier im Forum frei verfügbar!
Erstellt im Forum Ank�ndigungen & Termine, wichtige News! von Wolfgang 1 08.11.2024 17:14
Kipper-Spedition • Zugriffe: 107
Lesezeichen fürs Forum Speichern
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Daishi 6 25.02.2024 17:43
Wolfgang • Zugriffe: 1907
Sprechblasen fürs Forum - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 10.08.2022 18:49
Wolfgang • Zugriffe: 761
Kleine Quasselbox fürs Forum
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Nara 31 05.10.2023 11:33
Daishi • Zugriffe: 2477
YouTube-Videogalerie für das eigene Forum installieren!
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 1 08.12.2020 23:42
Wolfgang • Zugriffe: 1711
Herzlich Willkommen im Forum
Erstellt im Forum Willkommen! von Wolfgang 0 13.10.2012 14:10
Wolfgang • Zugriffe: 5680

Activity Feed (Aktuelle Beiträge) - Höhe der Tabelle einstellen und Design anpassen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

15.03.2024 16:19
von

Anne • Zugriffe: 1798

Die Top-Favoriten aus diesem Forum
Erstellt im Forum Alles, was noch so �brig bleibt von Wolfgang 0 10.04.2007 17:57
Wolfgang • Zugriffe: 18958

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

36%

Forum - Forum Design

Fehlersuche: Forum Design Portal - Willkommen

Forum Lesezeichen ❌