#1

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Blog für responsiv Design

Moin !

Ich habe es geschafft WEB 9.0 zu "überreden" das alte Blog Plugin zu nutzen ... leider werden die Grafiken extrem groß angezeigt ...

Wo/ Wie habe ich die Möglichkeit die MAXgröße einer Grafikdatei in pixel zu definieren ?

 

Oder hat jemand eine andere gute Idee für einen implementierten Blog ?

 

Viele Grüße

Kevin

#2

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

#3

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Nabend ... das ist eigentlich toll ... aber leider keine Frafiken möglich ... ;-((((

 

Viele Grüße

Kevin

#4

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

#5

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Na, das sind Grafiken mit Schreibfehler 😉

#6

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Die Geschichte ist eigentlich ziemlich einfach...

 

Du schreibst Dir eine erweiterte Eigenschaft für die Verwendung von "Blog", und markierst diese eE dann in der Verwendung von Blog auch dementsprechend.

Zusätzlich schreibst Du Dir für diese eE eine eigene Klasse, in der Du dann auch das Bild auf einen prozentuellen Wert Deiner Wahl setzt...

 

Hier ein schnelles Beispiel (da ich nicht weiss, welches Design Du verwendest, hier im Beispiel von Design Riga) mit dem in meiner eE gesetzen Wert von 50%:

http://blogpicturespecial.webchaot.ch

Unter "Seite 1 -> Blog Bild Originalgrösse" findest Du einen Blogeintrag mit einem Bild, so wie es im Originaldesign (also 100%)  ausgegeben wird...

Und unter "Seite 1 -> Blog Bild 50%" findest Du denselben Blogeintrag, in dem ich das Bild nur noch mit 50% ausgeben lasse....


Gruss

Walti


Dieser Beitrag wurde bereits 2 mal bearbeitet, zuletzt von »webchaot« (06.03.2017, 11:30)
#7

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

P.S.

In den Einstellungen für die Mobile-Ansicht kannst Du den prozentuellen Wert ruhig auf 100% lassen, so wie ich dies in meinem Beispiel gemacht habe...


Gruss

Walti


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »webchaot« (06.03.2017, 11:39)
#8

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Hallo Walti ...

Zunächst vielen Dank ... bevor ich jetzt "blöd" frage wie ich eine eE schreibe (hab ich noch nie gemacht) ... eine Nachfrage ...

Das bedeutet das das Bild auf X% vom Originalbild angepasst wird oder auf x% von der Designvorgabe ? Hintergrund ... der Blog wird von jemandem gepfelgt der zwar Bilder machen kann aber für Pixelgrößen kein Verständnis hat ... da kann es mal sein das das hochgeladene Bild 2500x1200 oder auch mal 200x500 ist ... 

 

Viele Grüße

Kevin

#9

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Es bezieht sich dabei auf die "Designvorgabe"....

 

Das "ursprüngliche" sprich Originale Bild ist Dir ja zu gross...?

Und somit habe ich in meinem Beispiel das Design angewiesen, das Bild ausgehend von der "Designvorgabe" nur noch 50% darzustellen...

...man könnte auch nur 40%, 30%, 20% oder welche Grösse auch immer dazu einsetzen....

 

Ausgenommen die Mobile-Darstellung, dort habe ich es auf 100% gelassen, aber selbstverständich kann man auch das frei wählen und einstellen...


Gruss

Walti


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »webchaot« (07.03.2017, 00:14)
#10

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Hallo.

 

Top ! Das wäre ganz genau das was ich will ... 

Nur wie/ wo genau kann / muss ich die erweiterte Eigenschaften einrichten ?

 

Vielen Dank im Voraus !!!!

Kevin

#11

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

#12

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Für alle die sich in das Thema der erweiterten Eigenschaften eindenken möchten wäre dies ein gutes Übungsbeispiel für den Beginn, da es sich hier nicht um komplexe und vielschichtige Zusammenhänge handelt, sondern man hier ja nur ganz gezielt einzig und alleine das Blogbild ansprechen möchte...

Dazu erstellt man als erweiterte Eigenschaft in der config.ccml quasi einen "Ein-/Aus-Schalter", z.B.

1
<cc:property id="design.ws.blogspecial" caption="Absatz als Blog markieren" folder="Blog" targettype="paragraph" type="boolean" default="0">

 

Der Blogcode wird bei den responsive Designs im Original ja in einen ganz normalen Container mit der Klasse "sqrpara" geschrieben, also z.B. findet ihr ihn im Quellcode unter...

1
<div class="sqrpara" id="046504a73008f9315">

...oder so ähnlich...und bezieht somit auch sämtliche CSS-Anweisungen der Klasse "sqrpara". Und mit unserer erweiterten Eigenschaft wollen wir hier nun eine "Ausnahme" produzieren, wenn unser "Schalter" eingeschaltet ist...

Dazu suchen wir nun in der page.ccml die entsprechende Stelle, an meinem Beispeil von Riga z.B. also die Zeile mit diesem Inhalt:

1
<div class="sqrpara<cc:if cond="&para.rendermode='mobilefullwidth'"> sqrparamobilefw</cc:if><cc:if cond="&para.rendermode='alwaysfullwidth'"> sqrparafw</cc:if><cc:if cond="&para.properties.design.paragraph.picture.panorama.number gt 1"> sqrparafw</cc:if>"<cc:if cond="&para.properties.design.paragraph.bottom = 0" not="1"> style="margin-bottom:<cc:print value="&para.properties.design.paragraph.bottom + 40">px"</cc:if>>

Und im Zusammenhang mit dieser Zeile schreiben wir nun unsere Ausnahme, also mit der Konditionierung wenn (cc:if cond=...) der Schalter eingeschaltet ist, dann ist eine neue Klasse z.B. "blogspecialpara" zu nehmen, sonst (cc:else) also wenn ausgeschaltet die normale Klasse "sqrpara".

Diese "Funktionsweise des Schalters" sieht dann so aus:

1
2
3
4
5
6
7
8
<cc:if cond="&para.properties.design.ws.blogspecial">
<div class="blogspecialpara<cc:if cond="&para.rendermode='mobilefullwidth'"> sqrparamobilefw</cc:if><cc:if cond="&para.rendermode='alwaysfullwidth'"> sqrparafw</cc:if><cc:if cond="&para.properties.design.paragraph.picture.panorama.number gt 1"> sqrparafw</cc:if>"<cc:if cond="&para.properties.design.paragraph.bottom = 0" not="1"> style="margin-bottom:<cc:print value="&para.properties.design.paragraph.bottom + 40">px"</cc:if>>
 
<cc:else>
 
<div class="sqrpara<cc:if cond="&para.rendermode='mobilefullwidth'"> sqrparamobilefw</cc:if><cc:if cond="&para.rendermode='alwaysfullwidth'"> sqrparafw</cc:if><cc:if cond="&para.properties.design.paragraph.picture.panorama.number gt 1"> sqrparafw</cc:if>"<cc:if cond="&para.properties.design.paragraph.bottom = 0" not="1"> style="margin-bottom:<cc:print value="&para.properties.design.paragraph.bottom + 40">px"</cc:if>>
</cc:if>
 

 

So, jetzt müssen wir nur noch in der style_content.css bekannt geben, wie sich diese Klasse zu verhalten hat. Der Container selbst soll ja nicht anders aussehen, somit können wir dieselben Angaben verwenden wie bei "sqrpara" und schreiben hier entsprechend einfach die neue Klasse dazu, also so...

1
2
3
4
5
6
.sqrpara, .blogspecialpara {
  box-sizing: border-box;
  max-width: 1400px;
  padding: 0 30px;
  margin: 0 auto 40px auto;
}

 

Aber das Bild in dieser neuen Klasse soll nur noch halb so gross (oder dem Wert Eurer Wahl) sein, also fügen wir hier unsere Ausnahme dazu, also so:

1
2
3
4
5
6
.blogspecialpara img {
  padding: 0;
  margin: 0;
  width: 50%;
  height: 50%;
}

 

Auf dem Smartphone soll das Bild allerdings nicht verkleinert werden, sondern in der "normalen Grösse" dargestellt werden . Dazu fügen wir also noch hinzu...

1
2
3
4
5
6
7
8
@media screen and (max-width: 767px) {
.blogspecialpara img {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
}

 

...und jetzt müsst ihr nur noch das Programm neu starten und bei Eurem Absatztyp "Blog" die erweiterte Eigenschaft "einschalten" und fertig ist die Geschichte...  

 

Wie ihr sehen könnt ist der Umgang mit erweiterten Eigenschaften eigentlich ganz einfach, aber je nachdem welche Problemstellung man lösen will und welche Gegebenheiten man noch weiter berücksichtigen muss kann es dann auch sehr komplex werden.

Ich hoffe aber mit diesem einfach erklärten Beispiel vielen von Euch Lust und Mut gemacht zu haben, sich mit dem von Volker verlinkten Workshop für Eure eigenen Modifikationen zu beschäftigen... :-)


Gruss

Walti


Dieser Beitrag wurde bereits 3 mal bearbeitet, zuletzt von »webchaot« (08.03.2017, 07:47)
#13

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Auch wenn man das so nicht sagt ... affenti...geil !!!

 

Danke !

 

Da Walti nix haben wollte habe ich mir erlaubt dem Forum eine Kleinigkeit zukommen zu lassen ....

#14

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Bleibt nur noch eine finale Frage ... kann ich die Emojis irgendwie anders behandeln ?

 

Auf dem Handy werden diese nun stark vergrößert dargestellt ?

 

Viele Grüße und vielen Dank !

Kevin

#15

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Tja Kevin, daran erkennt man, dass ich diesen Absatztyp nicht brauche... ;-)

Sorry, an die Smilies habe ich dabei wirklich nicht gedacht...

 

Halb so schlimm, schauen wir also, dass wir auch dies noch hinbekommen...

Am einfachsten wird es z.B. sein, wenn wir mittels PHP Ausschau nach allfällig verwendeten Blog-Smilies halten, denen dann eine eigene Klasse class="smiley" geben und für diese Klasse dann in der CSS die Originalgrösse der Smilies definieren...

Füge also in der style_content.css noch dies hinzu:

1
2
3
4
5
6
.blogspecialpara img.smiley  {
  padding: 0;
  margin: 0;
  width: 15px;
  height: 15px;
}

 

Dann erstellst Du VOR Deinem Blog-Absatz einen neuen Absatztyp HTML-Element und fügst diesen Code ein:

1
2
3
<?php
 ob_start();
?>

 

Und zum Schluss erstellst Du NACH Deinem Blog-Absatz einen neuen Absatztyp HTML-Element und fügst diesen Code ein...

1
2
3
4
5
6
7
<?php
        $content = ob_get_clean();
        $smileycode = array('<img src="w2dblogsmile.gif" border="0">', '<img src="w2dblogwink.gif" border="0">', '<img src="w2dblogeek.gif" border="0">', '<img src="w2dblogsad.gif" border="0">', '<img src="w2dblogwow.gif" border="0">', '<img src="w2dblogroll.gif" border="0">');
        $htmlcode = array('<img class="smiley" src="w2dblogsmile.gif" border="0">', '<img class="smiley" src="w2dblogwink.gif" border="0">', '<img class="smiley" src="w2dblogeek.gif" border="0">', '<img class="smiley" src="w2dblogsad.gif" border="0">', '<img class="smiley" src="w2dblogwow.gif" border="0">', '<img class="smiley" src="w2dblogroll.gif" border="0">');
        $content = str_replace($smileycode, $htmlcode, $content);
        print $content;
?>


...fertig... :-)

 

Und für alle, die auch dies noch genauer verstehen wollen: dies habe ich schon ausführlich in diesem Workshop erklärt...


Gruss

Walti

#16

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Leider funktioniert das bei der mobilen Ansicht gut, aber auf dem PC sieht es ... naja aus ...

 

Zwischenablage01.jpg

 

#17

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

#18

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Hallo Kevin

Ich bin ein Esel...   ausgerechnet das letzte von Dir benutzte Smiley hatte ich vergessen...  :-(

 

Der Eintrag im HTML-Absatz NACH dem Blog muss heissen:

1
2
3
4
5
6
7
<?php
        $content = ob_get_clean();
        $smileycode = array('<img src="w2dblogsmile.gif" border="0">', '<img src="w2dblogwink.gif" border="0">', '<img src="w2dblogeek.gif" border="0">', '<img src="w2dblogsad.gif" border="0">', '<img src="w2dblogwow.gif" border="0">', '<img src="w2dblogroll.gif" border="0">', '<img src="w2dbloglol.gif" border="0">');
        $htmlcode = array('<img class="smiley" src="w2dblogsmile.gif" border="0">', '<img class="smiley" src="w2dblogwink.gif" border="0">', '<img class="smiley" src="w2dblogeek.gif" border="0">', '<img class="smiley" src="w2dblogsad.gif" border="0">', '<img class="smiley" src="w2dblogwow.gif" border="0">', '<img class="smiley" src="w2dblogroll.gif" border="0">', '<img class="smiley" src="w2dbloglol.gif" border="0">');
        $content = str_replace($smileycode, $htmlcode, $content);
        print $content;
?>

 


Gruss

Walti

#19

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

#20

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

:-) :D

Aber nein, Kevin, ich bin wirklich schon ein alter vergesslicher Esel und es war wirklich mein Fehler, denn ich hatte in meinem Code nur die ersten sechs Smilies berücksichtigt und den letzten (lol) eben vergessen, shame on me... I)


Gruss

Walti


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »webchaot« (09.03.2017, 23:50)
#21

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Übrigens:

Herzlichen Dank für Deine Spende an dieses Forum...!

Volker trägt ja die ganze finanzielle Last dieses Forums als "Hobby" und möchte sich und somit UNS eine neue Forums-Software gönnen, wozu DU mit Deiner Spende beigetragen hast (wenn denn Siquando irgend einmal vorwärts macht)...  

Dies ist nicht selbstverständlich, da ja viele unserer User wie auch Du "ehrenamtlich" bzw. "gemeinnützig" tätig sind und deshalb ja eigentlich mehr auf "Geld einnehmen" als auf "Geld ausgeben" bedacht sein müssen. Deshalb umso mehr: "Herzlichen Dank im Namen von uns allen"...!

Dieses Blog-Problemchen war zwar erst Dein "Einstand", aber ich wünsche Dir schon jetzt noch viele spannende Stunden hier in diesem Forum...!

 

Dir und Deiner Claudia wünsche ich noch viel Erfolg mit "Siq9" und noch ganz viel Spass und Freude mit Euren Kaninchen...!   :-)

 

<off topic & by the way>

Dieses Forum sollte ja eine Plattform sein unter dem Motto "User lernen von Usern". Und ich bin ja eigentlich schon "bekannt" dafür, dass ich keine "copy/paste-Codes",sondern eigentlich meist Beispiele zu den jeweiligen Fragen einstelle, woraus "interessierte User" dann die Lösung ihres Problems aus dem Quellcode ableiten können und ich dadurch dem Motto des Lernens durchaus gerecht werde...

Da es sich hier, bei diesem Beispiel von Kevin, um eine einfache Problemstellung gehandelt hat, dachte ich, dass es sich hierbei um ein gutes und sehr einfaches "Lernbeispiel" für ALLE handelt und dass ich dies deshalb ein bisschen ausführlicher kommentieren könnte...

Wenn ich dann aber Nachrichten erhalte wie etwa "...Deine Antwort auf meine Frage war nicht so ausführlich..." oder "...mir hast Du den Code nicht zur Verfügung gestellt..." dann "geht bei mir die Hutschnur auf": Liebe Leute, ich kann und ich will nicht alle Wünsche zu ganzen und zum Teil sehr komplexen "Designumbauten" erfüllen, die ich per Nachricht erhalte...! (Vielleicht geht es anderen hier im Forum ebenso?)

Im Rahmen meiner ehrenamtlichen und freiwilligen Tätigkeit bin ich jedoch immer bestrebt, ALLEN immer nach "bestem Wissen (was oft auch nicht immer ausreichend ist) und Gewissen" weiter zu helfen...! Dies allerdings nicht immer in Form von "copy/paste-Vorlagen", sondern vielfach nur in Form von "Beispielen" oder "Gedankenanstössen"...!!!

</off topic & by the way>

 

 


Gruss

Walti

#22

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Zitat von: webchaot
Liebe Leute, ich kann und ich will nicht alle Wünsche zu ganzen und zum Teil sehr komplexen "Designumbauten" erfüllen, die ich per Nachricht erhalte...! (Vielleicht geht es anderen hier im Forum ebenso?

Meiner persönlichen Meinung: Mußt du auch auf keinem Fall!

Als Helfer -und dabei ist es mir völlig Wurscht ob man Admin, Co-Admin, Moderator oder einfach nur User ist- versuchen wir Hilfesuchenden so gut es geht zu helfen ihre Probleme mit der Software zu lösen oder einen Wunsch zu realisieren. Und das alles Ehrenamtlich und immer unter dem Motto: User HELFEN User.

Wir Helfer haben jedoch keinen Arbeitsvertrag mit den Hilfesuchenden. Arbeitsverträge fordern nämlich -wie jeder weiß- eine Verlohnung. Keiner arbeitet ja umsonst, auch der Hilfesuchende nicht.

Und das ist genau das was wir hier im Forum tun. Helfen, nicht arbeiten für.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#23

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Danke;-)... nun ich finde das "Arbeit" gewürdigt werden muss ... und so ein Forum ist definitiv Arbeit ... wer kann das besser beurteilen als wir, die wir uns permanent um solchen "Webkram" kümmern ... ich war schon Bei Data Becker dabei und finde das Produkt (mit allen Schwächen) schon sehr gelungen ... 

Nun, ich bin soweit ganz zufrieden mit der Seite ... allerdings habe ich einen "Bug" seit der Anpassung ...

Die Absätze staffeln sich immer weiter eingerück nacht hinten ...

Das ist erst durch die Anpassung passiert ... (glaube ich) ... 

 

Evtl. habe ich ja Glück und jemand eine Idee ... 

Unbenannt-1.jpg

 so ist es 

#24

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Gebe bitte immer einen Link an zu der betroffene (Test)Seite.

An einem Bild können wir keine Quellcodes auslesen, die nötig sind um heraus zu finden was hier evt. schief geht und wie es möglicherweise zu beheben oder zu verbessern ist.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#25

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Guten Morgen .... sorry ...

 

www.kaninchenvilla-hanburg.de

 

im Prinzip auf jeder Seite mit mehr als einem Absatz zu beobachten ...

 

viele Grüße

kevin

#26

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Bei Dir kommt bei jedem Absatz "sqrpara" doppelt vor...!?

Schau mal in der page.ccml nach, ob Du den Code aus Beitrag #12 richtig eingefügt hast, oder ob dort die Zeile mit "sqrpara" doppelt vorkommt...? Es könnte sein, dass Du meine Codepassage (in der ja "sqrpara" auch drin ist) eingefügt hast die bisherige Zeile mit "sqrpara" auch noch belassen hast....?


Gruss

Walti

#27

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Sorry, musste mal etwas arbeiten ;-))

Also derzeit sieht das so aus:


[Aus urheberrechtlichen Gründen gelöscht. Bitte niemals den Code kompletter Dateien hier posten. Danke! Volker W.]


Ich finde da leider nicht ganz die Doppelung die Du meinst. Zusätzlich habe ich festgestellt, das beim Aufruf mit Chrome die Webseite "sonderbar" aussieht (Menü wird in Textform angezeigt - siehe Bild)

 

Viele Grüße

Kevin

Zwischenablage0aaaaa.jpg

 

#28

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Es ist schon so, wie ich mir gedacht hatte: Du hattest die originale Zeile drin gelassen und zusätzlich noch meinen Code eingefügt und das erst noch an der falschen Stelle...

Lösche den rot markierten Teil und versetze den grün markierten Teil an die Stelle des roten Textes...

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<cc:if cond="&para.properties.design.paragraph.text.boxex.number=3"><div class="sqrfwalt"></cc:if>
 
<div class="sqrpara<cc:if cond="&para.rendermode='mobilefullwidth'"> sqrparamobilefw</cc:if>
<cc:if cond="&para.rendermode='alwaysfullwidth'"> sqrparafw</cc:if><cc:if cond="&para.properties.design.paragraph.picture.panorama.number gt 1"> sqrparafw</cc:if>"<cc:if cond="&para.properties.design.paragraph.bottom = 0" not="1"> style="margin-bottom:<cc:print value="&para.properties.design.paragraph.bottom + 40">px"</cc:if>>
<cc:if cond="&para.properties.design.paragraph.text.boxex.number=2"><div class="sqrparabox"></cc:if>
<cc:if cond="&para.caption">
<h2 id="<cc:print value="&para.uid">"><cc:print value="&para.caption"></h2>
</cc:if>
 
<cc:if cond="&para.properties.design.ws.blogspecial">
<div class="blogspecialpara<cc:if cond="&para.rendermode='mobilefullwidth'"> sqrparamobilefw</cc:if><cc:if cond="&para.rendermode='alwaysfullwidth'"> sqrparafw</cc:if><cc:if cond="&para.properties.design.paragraph.picture.panorama.number gt 1"> sqrparafw</cc:if>"<cc:if cond="&para.properties.design.paragraph.bottom = 0" not="1"> style="margin-bottom:<cc:print value="&para.properties.design.paragraph.bottom + 40">px"</cc:if>>
<cc:else>
<div class="sqrpara<cc:if cond="&para.rendermode='mobilefullwidth'"> sqrparamobilefw</cc:if><cc:if cond="&para.rendermode='alwaysfullwidth'"> sqrparafw</cc:if><cc:if cond="&para.properties.design.paragraph.picture.panorama.number gt 1"> sqrparafw</cc:if>"<cc:if cond="&para.properties.design.paragraph.bottom = 0" not="1"> style="margin-bottom:<cc:print value="&para.properties.design.paragraph.bottom + 40">px"</cc:if>>
</cc:if>
 
<cc:if cond="&para.sidepicture.uid">
 


 ...und dann ist's gut...

 

Bei Deinem Chrome solltest Du höchstwahrscheinlich mal F5 drücken, denn bei mir ist dies nicht so...  ;-)


Gruss

Walti


Dieser Beitrag wurde bereits 4 mal bearbeitet, zuletzt von »webchaot« (16.03.2017, 23:39)
#29

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

P.S.

Ich hab' auf Deiner Website die doppelten Einträge im Browser mal entfernt, dann sieht's so aus...

 

...also richtig...


Gruss

Walti

#30

kaninchenvilla

Forum-Sponsor  (15 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 http://www.kaninchenvilla-hamburg.de

Tja ... das war ja so einfach  smile_16.png ...

 

Oh man ... vielen lieben Dank ! Jetzt kann ich mich wieder mit Kaninchen beschäftigen und weniger mit Webseiten 😉

Naja ... stimmt nicht ... ich will noch 4 Webcams (3x Kaninchen 1x Hühner/ Enten) einbinden ... aber ich hab ja eine gute Idee wen ich fragen kann ;-)))

 

NOCHMAL VIELEN VIELEN DANK !

Kevin

1688 Aufrufe | 30 Beiträge