Seite 1 von 2
Drucken OHNE Navigation
Verfasst: So 7. Mai 2017, 22:07
von tomiwan
Hallo Freunde,
ich habe ja schon viel durch Lesen gelernt hier, aber jetzt habe ich auch mal ne Frage.
Gibt es für mein Design (Blau1) einen Code, womit ich eine Seite ausdrucken kann OHNE die Navigationsleiste.
Ich habe das vor Jahren mal hinbekommen, aber jetzt stehe ich irgendwie auf dem Schlauch
Und wenn das mit dem Design nicht gehen sollte, hat da einer n Tipp, mit welchem Design es geht und das noch einigermaßen Mobil-Kompatibel ist?
Ich bin zuversichtlich, dass mir hier jemand helfen kann
Danke schon mal und liebe Grüße aus Berlin
PS.: Ich habe hier auch schon die Suche gequält, hat aber nichts zu dem Thema ausgespuckt
Re: Drucken OHNE Navigation
Verfasst: So 7. Mai 2017, 22:32
von Jasko
Hallo tomiwan,
man könnte eine eigene CSS Schreiben die für Druckansicht optimiert ist, mit der könnte es gehen...
Re: Drucken OHNE Navigation
Verfasst: So 7. Mai 2017, 23:24
von tomiwan
Hallo Jasko,
ja, mit CSS habe ich es schon probiert, aber irgendwie klappt es nicht, dass die Navileiste nicht mit ausgedruckt wird.
Hat da vielleicht jemand den richtigen Code?
Bei "Tante Google" hab ich nur immer so Schnipsel gefunden und wollte es dann selber zusammen basteln, aber hat leider nicht geklappt.
Wäre wirklich toll, wenn mir da einer helfen könnte.
LG Tomiwan
Re: Drucken OHNE Navigation
Verfasst: Mo 8. Mai 2017, 09:55
von moni
Hallo Tomiwan .. welchen Design genau meinst du genau ? der blau ist nämlich 002
http://homepagehelfer.net/tools/templates/
für Design 001-003 kannst ruhig so ein Code in den style.css einfügen .. du kannst so beliebig all die Elemente unsichtbar machen welche nicht gedrückt werden sollen
In meinen B sind das Menü und Bilder
@media print {
#cssmenu{
visibility: hidden;
}
img{
visibility: hidden;
}
}
denke das müsste gehen ,ansonsten noch mal melden
Und wenn das mit dem Design nicht gehen sollte, hat da einer n Tipp, mit welchem Design es geht und das noch einigermaßen Mobil-Kompatibel ist?
001-003 alle sind mobil tauglich
Re: Drucken OHNE Navigation
Verfasst: Mo 8. Mai 2017, 10:32
von tomiwan
Hallo und Danke Moni,
ich habe von nPage das Design Blau 1 und da funktioniert es irgendwie nicht
LG Tomiwan
Re: Drucken OHNE Navigation
Verfasst: Mo 8. Mai 2017, 11:15
von moni
Dachte irgendwie das es sich um unseren Design handelt und nicht vom nPage
OK... geh davon aus das es sich um diese HP handelt ?
http://tomiwan-berlin.de/
in den Quelltext sehe ich aber print.css das ist schon mal richtig , versuche es bitte diesen Code in des print.css einfügen
@media print {
.navigation{
visibility: hidden;
}
}
oder einfach in Einstellungen-->Homepage -->Header Bereich -->Eigener, zusätzlicher HTML-Code (zwischen <head> und </head>)
diesen Code
<style type="text/css">
@media print {
.navigation{
visibility: hidden;
}
}
</style>
das geht auch !
übrigens das Design ist auch trotz eingefügte viewport nicht mobil !
Re: Drucken OHNE Navigation
Verfasst: Mo 8. Mai 2017, 11:58
von tomiwan
Suuper Moni
ja, die HP ist richtig.
Hab die CSS mal rausgenommen und den Code für den Head-Bereich genommen.
Klappt schon mal ohne Navi und den Headbereich, aber wie bekomme ich es jetzt hin, dass der Ausdruck auf der ganzen Seite positioniert wird??
Kannst Du mir da vielleicht auch noch helfen?
Bis hierhin erstmal vielen Dank
LG
Re: Drucken OHNE Navigation
Verfasst: Mo 8. Mai 2017, 12:31
von moni
Freu mich das es geklappt hat ..zu deine frage da müsste ich nachschauen ´wie fern man so was einstellen kann , denke da müsste man dazu komplette style.css bearbeiten , weiß auch nicht ob bei den fertigen vorlagen so einfach was Beeinflussen kann .. kann aber versuchen ob mir was gelingt
Re: Drucken OHNE Navigation
Verfasst: Mo 8. Mai 2017, 13:56
von moni
also habe ein wenig getestet und es scheint das zu klappen ..
hier Screenshot mit den blau01 Design ..
http://abload.de/img/catskisw7.jpg
und hier die druck Version ..
http://abload.de/img/cats29auoz.jpg
Tausch bitte das vorherige Code auf diese ein
Code: Alles auswählen
<style type="text/css">
@media print {
body {
font-size: 17px; /* Angaben nach Wunsch ändern */
font-family: Verdana; /* Angaben nach Wunsch ändern */
color: black; /* Angaben nach Wunsch ändern */
}
.wrapper {
margin: auto;
max-width: 1100px;
width: 100%;
}
.head {
visibility: hidden;
}
.header {
visibility: hidden;
}
.navigation {
float: left;
visibility: hidden;
max-width: 10px
}
div.content {
float: left;
width: 1024px;
}
}
</style>
so ganz genau kann mir einige Einstellung´s Punkte logisch nicht erklären ,aber wen´s funktioniert da kann man so lassen , allerdings die Stelle wo das Werbung ist bleibt als weisen Feld zu sehen !
Alternativ dazu wäre ein eigen Design da beliebt die HP werbefrei !
Re: Drucken OHNE Navigation
Verfasst: Mo 8. Mai 2017, 14:27
von tomiwan
Du bist genial Monika
genau so wollte ich es haben ... Suuuper.
Jetzt kann ich endlich mit dem Kopfzerbrechen aufhören.
Viele lieben Dank
LG Thomas
