Drucken OHNE Navigation

YouTube · Beitrag von **tomiwan** » So 7. Mai 2017, 22:07

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

Beitrag von **Jasko** » So 7. Mai 2017, 22:32

Hallo tomiwan,

man könnte eine eigene CSS Schreiben die für Druckansicht optimiert ist, mit der könnte es gehen...

YouTube · Beitrag von **tomiwan** » So 7. Mai 2017, 23:24

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

Beitrag von **moni** » Mo 8. Mai 2017, 09:55

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

YouTube · Beitrag von **tomiwan** » Mo 8. Mai 2017, 10:32

Hallo und Danke Moni,

ich habe von nPage das Design Blau 1 und da funktioniert es irgendwie nicht

LG Tomiwan

Beitrag von **moni** » Mo 8. Mai 2017, 11:15

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 !

YouTube · Beitrag von **tomiwan** » Mo 8. Mai 2017, 11:58

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

Beitrag von **moni** » Mo 8. Mai 2017, 12:31

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

Beitrag von **moni** » Mo 8. Mai 2017, 13:56

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 !

YouTube · Beitrag von **tomiwan** » Mo 8. Mai 2017, 14:27

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

HomepageHelfer.org

Drucken OHNE Navigation

Drucken OHNE Navigation

Re: Drucken OHNE Navigation

Re: Drucken OHNE Navigation

Re: Drucken OHNE Navigation

Re: Drucken OHNE Navigation

Re: Drucken OHNE Navigation

Re: Drucken OHNE Navigation

Re: Drucken OHNE Navigation

Re: Drucken OHNE Navigation

Re: Drucken OHNE Navigation

Wer ist online?