Hast Du Feedback bekommen, dass das bestehende Menü nicht gut funktiuoniert?
Nein, die Seite ist ja noch nicht offiziell veröffentlicht. War nur meine eigene Einschätzung/Vorstellung.
Hast Du Feedback bekommen, dass das bestehende Menü nicht gut funktiuoniert?
Nein, die Seite ist ja noch nicht offiziell veröffentlicht. War nur meine eigene Einschätzung/Vorstellung.
Frage ist, warum Du ein zusätzliches Select-Menu willst, statt des schon responsiven Hauptmenüs?
Einerseits wird das Menü 2x geladen, andereseits ist ein Select-Menu nicht mehr wirklich modern.
Dachte, dass es von der Bedienung her benutzerfreundlicher ist?
Hallo,
auf dieser Seite http://www.tsv1880ruedersdorf.de/fussball1880/ habe ich oben ja ein normales Menü, wo sich beim Drübergehen die weiteren Menüs öffnen.
Mobil sieht es so aus:
Gibt es ein Menü-Modul oder eine Einstellung/Programmierung, dass man das Menü am PC weiterhin so oder so ähnlich aussehen lässt, es aber dann in der mobilen Ansicht ein Select-Menü wird, dass der Menü-Button so wie bisher bestehen bleibt. Wenn man dann darauf klickt, sich aber ein Select-Menü öffnet, so wie im Folgenden Bild, wobei hier auch die Unterkatakorien irgendwie kenntlich sind, durch Einschieben nach rechts oder durch einen Strich?
Ich habe mal zwei Menü-Module installiert, die ein Select-Menü möglich machen, aber dann bleibt mobil auch das eigentliche Menü, welches nur am PC sichtbar sein sollte...
Danke. Grüße Tino
Stell es in der Codeansicht auf 100% statt 700.
Meinst Du in diesem Code, der von fussball.de erstellt wird? Und wenn ja, wie generiere ich in dem Code die Breite?
Der iFrame vom Widget hat eine feste Breite von 700px. Das kann sich natürlich nicht anpassen. Stell die Breite auf 100%.
Meinst du den iframe auf dieser Seite?
http://www.tsv1880ruedersdorf.…erste/spielplan-tabelle-2
Denn die Breite des Widgets an sich kann ich nur bei der Erstellung des Widgets bei Fussball.de einstellen (440px bis 900px).
Ich muss das Thema nochmal aufmachen.
Ich habe es geschafft, dass ich die Widgets sichtbar einbinden kann. Doch eines missfällt mir da leider. Auf meinem Smartphone zum Beispiel geht das Widget über das eigentliche Template hinaus.
http://www.tsv1880ruedersdorf.de/fussball1880/index.php
Hatte das Widget auf der Hauptseite ursprünglich mit einer Breite von 700px angegeben, so dass es am PC den Hauptbereich in der Breite ausfüllt.
Als ich es dann am Smartphone betrachtete, habe ich es zunächst auf die Mindestbreite von 440px eingestellt, doch auch da geht es noch über das Template hinaus, am PC ist dann links noch Freiraum...
Auf einer anderen Seite http://www.tsv1880ruedersdorf.…erste/spielplan-tabelle-2
habe ich es dann mit iframe-Wrapper probiert, da bleibt es in der Template-Breite, verursacht jedoch das Scrollen/zur Seite wischen am Smartphone...
Was gäbe es da für Lösungen?
Hallo,
ich möchte auf unserer Vereinsseite Fußball-Widgets von fussball.de einbinden.
Hier für gibt es auch ein Plugin, wo nach Info der Programmierer der Code ganz simpel in einen Beitrag eingebunden werden kann, per
https://www.internetagentur-ka…e-plugin-fuer-joomla-3-x/
Der Webseitenschlüssel wäre hier 024P476PUS000000VS541L4GVV4LQL4C
Doch das funktioniert nicht...
Auf dieser Seite steht, dass man dies mittels Modul macht, doch auch das ist nicht erfolgreich...
Passt! Dankeschön!
Hallo,
ich würde gerne den Weiterlesen-Button in meinem neuen Template
http://www.tsv1880ruedersdorf.de/fussball1880/
wie bei Beez3 aussehen lassen.
http://www.tsv1880ruedersdorf.…l1880/index.php/sponsoren
In der layout.css habe ich folgenden Code gefunden:
/* links */
p.readmore a, .mod-articles-category-readmore a {
border: 1px solid #CCCCCC;
border-radius: 3px;
display: inline-block;
text-decoration: none;
margin-bottom: 9px;
padding: 4px;
line-height: 1.6em;
}
Diesen habe ich in die template.css von meinem aktuellen Template gesetzt, doch es ergibt sich keine Änderung.
Allerdings findet sich auch in der gleichen .css weiter oben Einträge zu readmore >
.readmore {
display: inline-block;
margin-bottom: 0;
margin-top: 10px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333;
text-shadow: 0 0px 0px rgba(255, 255, 255, 1) !important;
border: 1px solid #bbb;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
padding: 4px 12px;
}
.readmore a { color: #fff }
.readmore a:hover { color: #fff }
Kommen die sich in die Quere und muss dann die alten Einträge in der template.css gelöscht werden?
Auch in der darkblue.css des neuen Templates finden
.readmore { background-color: #0057AE }
.readmore:hover { background-color: #0066CC }
Kann man denn selbst das Thema irgendwie als erledigt markieren?
Hier fehlt der Doppelpunkt:
h2 {
font-size: 20px
}
Danke.
Schreibe es einfach ins template.css rein.
Habe den folgenden Code zur Schrift in die template.css eingefügt, doch scheint er die Festlegungen immer noch aus der bootsstrap.min.css zu nehmen? Oder müsste ich den Code aus dieser herauslöschen?
h1,h2,h3,h4,h5,h6 {
margin:10px 0;
font-family:inherit;
font-weight:bold;
line-height:20px;
color:inherit;
text-rendering:optimizelegibility
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
font-weight:normal;
line-height:1;
color:#999
}
h1,h2,h3 {
line-height:40px
}
h1 {
font-size:38.5px
}
h2 {
font-size 20px
}
h3 {
font-size:24.5px
}
h4 {
font-size:17.5px
}
h5 {
font-size:14px
}
h6 {
font-size:11.9px
}
h1 small {
font-size:24.5px
}
h2 small {
font-size:17.5px
}
h3 small {
font-size:14px
}
h4 small {
font-size:14px
}
Wir haben es fast geschafft...
Würde es gerne haben, dass das Popover mit der Sortierungsoption nicht erscheint. Wo wird mir das angezeigt, in welcher Datei ich das abändern muss?
Und ich würde hier gerne die Schriftgröße und die Zeilenhöhe verkleinern. Ich bin in der bootstrap.min.css zwar fündig geworden, wenn ich es im Developer des Browsers ändere, dann klappt die Änderung. Doch wenn ich die Werte in der css ändere und dann hochlade, hat dies keine Auswirkung und es tut sich nichts...
Super, hier bräuchte ich jetzt wohl noch einen Kniff.
In der darkblue.css habe ich in Zeile 60 den Eintrag ausfindig gemacht, wo man die Farbe für "Name" und "Position" in der Überschrift ändern kann. Hätte die ja gerne in weiß, doch wenn ich den Wert auf weiß stelle, werden darunter auch die einzelnen Namen weiß und sind nicht mehr sichtbar.
Jein... das ist sind CSS-Eigenschaften, die ich hier aus dem Beez kopiert habe. Das müsstest du jetzt bei deinem Template in eine der vorhandenen CSS-Dateien reinschreiben.
Aus welcher CSS con Beez3 genau?
Ah, Sorry. nochmal...
Beez3: http://www.tsv1880ruedersdorf.…l1880/index.php/kontakt-2
JFC: http://www.tsv1880ruedersdorf.…all1880/index.php/kontakt
Hast du den CSS-Auszug von meiner Homepage?
Hier mal beide online zum Vergleich:
Beez3: http://www.tsv1880ruedersdorf.…all1880/index.php/kontakt
JFC: http://www.tsv1880ruedersdorf.…all1880/index.php/kontakt