Boxen über die gesamte Seite

gamingmind schrieb am 04.05.2014 um 17:25 Uhr

Kann ich im Xara designer pro X9 "Streifen" über die gesamte Webseite frestlegen ? Damit meine ich damit der Xara designer nicht nach rechts scrollt sondern alles übber die gesamte Seite geht. Zur leichteren verständnis hier nochmal der Link.

Frage 2 : Kann Ich einen Blog, wie diesen hier erstellen ?

Danke im voraus für eure Antworten

Kommentare

BeRo schrieb am 04.05.2014 um 19:23 Uhr

[...] "Streifen" über die gesamte Webseite frestlegen [...}

Dazu bringt der WD alles mit, was Du brauchst (klick)

[...] Kann Ich einen Blog, wie diesen hier erstellen [...]

Nicht direkt mit dem WD, aber Du kannst natürlich beliebige, externe Seiten einbinden (auch Blog Seiten).
Wenn Du die Seite geschickt einbindest, sieht ein Besucher Deiner Seite die Blog Site genauso, als wäre sie Bestandteil Deiner Site.

Anleitungen zum Einbinden externer Seiten findest Du im Forum zu Hauf, wenn Du die Suchfunktion bemühst.

Viel Erfolg

Zuletzt geändert von BeRo am 04.05.2014, 19:23, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

gamingmind schrieb am 06.05.2014 um 19:15 Uhr

Denke für deine schnelle Antwort, tut mir leit für die lange Wartezeit, Ich hatte leider viel zu tun. Es geht auch anders ! Ich gebe die hier eine Webseite, die mit Xara entwickelt und es hinbekommt einige Rechtecke ohne Webseiten einzubinden in ihre Seite einzubringen. Ich wollte halt fragen wie sie das hinbekommen. XARATEMPLATE

BeRo schrieb am 06.05.2014 um 19:29 Uhr

[...] und es hinbekommt einige Rechtecke ohne Webseiten einzubinden [...]

Na, genauso, wie ich es in meinem letzten Kommentar schon verlinkt habe. Das geht ganz ohne Website einbinden.

Ich nehme an, dass Du meine Antworten auf Deine beiden Fragen "zusammengerührt" hast. Das Einbinden von externen Websites bezog sich ausschließlich auf die Blog Seite...

Versuch's nochmal.

Viel Erfolg

Zuletzt geändert von BeRo am 06.05.2014, 19:29, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

gamingmind schrieb am 06.05.2014 um 20:19 Uhr

Danke, dies habe ich schon verstanden, aber ich meinte selber eigene Steifen in dei Webseite einzubinden ohne rauf Templates eingewiesen zu sein : Ich habe rausgefunden dass du eine ganz lange Box erstellen kannst und sie als Bitmapkopie dann festlegst und dann als Hintergrund der Arbeitsebene festlegst, dann kannst du ein Rechteck festlegen ohne nach rechts zu scrollen. Das geht leider aber nur für ein Rechteck. Danke für den Tipp mit dem Blog, aber Ich meinte eine Art eigene Blog erstellen. Programieren geht leider in Xara schlecht, und die Webseite läuft am 1.Januar 2015 aus :( . Ich würde gerne Einige Elemente Verbinden, und sie automatisch wieder auftreten lassen. Ich wollte Fragen, ob du Programieren kannst, damit Ich meine spezifischen Probleme besser beschreiben kann. Es tut mir leid, dass ich nicht so sachlich schreibe. Danke für deine Antworten

BeRo schrieb am 07.05.2014 um 00:12 Uhr

[...] Ich würde gerne Einige Elemente Verbinden, und sie automatisch wieder auftreten lassen [...]

Ich muss gestehen, dass mir immer noch nicht klar geworden ist, was Du vorhast.

Gibt es vielleicht irgendwo im WWW eine Website, die Du als Beispiel benennen kannst?

[...] Ich wollte Fragen, ob du Programieren kannst [...]

Na ja, für den Hausgebrauch reicht es...

Wie Du mit der Info aber jetzt Deine Vorstellung von der neuen Website besser beschreiben kannst, macht mich doch neugierig.

CU

Zuletzt geändert von BeRo am 07.05.2014, 00:12, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

gamingmind schrieb am 07.05.2014 um 16:46 Uhr

Danke für deine schnellle Antwort .

[...] Gibt es vielleicht irgendwo im WWW eine Website, die Du als Beispiel benennen kannst? [...]

Ja, gerne, Hier : Urlaubspiraten

Meine Erklärung, diesmal bisschen genauer :

Wenn du auf Urlaubspiraten runterscrollst, kannst du die wiederholenden Artikel Elemente erkennen, mit Bild, Text usw. immer auf der selben Stelle

[...]Wie Du mit der Info aber jetzt Deine Vorstellung von der neuen Website besser beschreiben kannst, macht mich doch neugierig. [...]

Dann kann ich deine Neugier ja auflösen

Meine Erklärung :

Wenn mann bei Html einen neuen Atikel schreiben will schreibt mann ja : <nav>
    <ul>
         <a href="http://www.gamingmind.de/">
             <li>Home</li></a>

</nav>

Und mann kann ja die einzelenen Element in css bearbeiten - Hier der Code: 

section {
   width: 575px ;
   float: left;   
}

article   {
    border: gray 2px solid ;
    padding: 20px;
    text-align: left;
    margin-bottom: 25px;
    margin-right: 30px;
}

article h2 {
font-size: 14pt;
color: #000000;
padding-bottom: 10px;
letter-spacing: 1px;
font-weight: bold; 
}


article p {
    font-size: 12pt ;
    padding-bottom: 10px;
    color: #808080;
}

article blockquote {
font-weight: bold;
font-style: normal;
font-size: 10pt;
background-color: #9CC629;
border-radius: 5px;
color: #000000;
text-align: center;
height: 20px;
padding-bottom: 10px;
}

article blockquote p {
    font-size: 10pt;
    margin-top: -11px;
    color: #293184;
}

Und wenn mann anschließend einen neuen Atikel einfügt, wird der Style automatisch übernommen. Ich hoffe so ist es leicher zu verstehen.

Ich danke dir nochmal für all deine Antworten, Ich hoffe ich darf dein Antwort Design verwenden ( wenn nicht schreibe es hier rein ). Es ist einfach übersichtlicher, statt alles auf einen Haifen zu schreiben. Danke nochmal für deine schnellen und sachlichen Antworten

 

BeRo schrieb am 07.05.2014 um 18:40 Uhr

[...] Wenn du auf Urlaubspiraten runterscrollst, kannst du die wiederholenden Artikel Elemente erkennen [...]

Das ist mir beim besten Willen nicht gelungen. Ich sehe da nur eine extrem lange Seite, auf der man (ohne besondere Effekte zu sehen), ganz normal scrollen kann.

Und wie der gepostete CSS Code da hineinpasst?... Da passe ich dann.

Gerne auf ein Neues...

Zuletzt geändert von BeRo am 07.05.2014, 18:40, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

gamingmind schrieb am 07.05.2014 um 20:15 Uhr

[...]Das ist mir beim besten Willen nicht gelungen. Ich sehe da nur eine extrem lange Seite, auf der man (ohne besondere Effekte zu sehen), ganz normal scrollen kann.[...]

Hier nochmal ein Bild zur leichteren Verständnis :

Ich glaube du hast mich nicht so ganz verstanden :

Ich wollte wissen ob man so wie oben im Bild gezeigt die Artikel erstellen kann, die sich, wie an Artikel 2 gezeigt automatisch wiederholen, Im Design ebeben.

[...] Und wie der gepostete CSS Code da hineinpasst?[...]

Was genau meinst du damit ?

Es währe nett, wenn wir uns über eine schnellere Art über dieses Thema unterhalten können. (Privater Chat) Wäre es für dich Ok ?

Das hat jetzt nichts mit dem Thema zuu tun, könntest du aber bitte das Forum bisschen verbreiten : Forum

 

 

BeRo schrieb am 07.05.2014 um 21:42 Uhr

OK. Ich sehe, was Du meinst...

Du möchtest also diverse Infos untereinander stellen, die alle das gleiche Layout haben, sich also nur durch den Inhalt unterscheiden.

Im Quelltext der von Dir verlinkten Website sieht das so aus:


Der wesentliche Code für einen Artikel sieht so aus:

--------------------------------
<li class="" style="display: block; width: 960px; float: left;">
<article class="postSlide-it">
<div class="postSlide-imgW">
<a class="postSlide-imgLnk" href="http://www.urlaubspiraten.de/reisen/4-tage-wien-im-sehr-guten-3-ibis-hotel-92-holidaycheck-direkt-im-zentrum-mit-fruhstuck-schon-fur-162eur-inklusive-flugen-mit-air-berlin" data-track-click="image">
<span class="postSlide-imgRW">
<img class="postSlide-img" src="Reisen%20zu%20Piratenpreisen%21-Dateien/shutterstock-157346630-1399475049-TUXz-slide.jpg">
</span>
</a>
</div>
<div class="postSlide-nfo">
<a class="postSlide-cat postSlide-cat--tr" href="http://www.urlaubspiraten.de/reisen" data-track-l="Reisen" data-track-click="category">
<span class="postSlide-ico"></span>
<span class="postSlide-cLb">Reisen</span>
</a>
<a class="postSlide-txt" href="http://www.urlaubspiraten.de/reisen/4-tage-wien-im-sehr-guten-3-ibis-hotel-92-holidaycheck-direkt-im-zentrum-mit-fruhstuck-schon-fur-162eur-inklusive-flugen-mit-air-berlin">
<h3 class="postSlide-hl" data-track-click="post title">4 Tage Wien im sehr guten 3* Ibis Hotel (?92% Holidaycheck) direkt im Zentrum mit Frühstück schon für 162€ inklusive Flügen mit Air Berlin</h3>
<span class="postSlide-btn" data-track-click="deal button">Deal anschauen</span>
</a>
</div>
</article>
</li>

-----------------------

Wenn Du das nachbauen willst, kannst Du Dich natürlich an dem o. a. Beispiel orientieren. IMO kannst Du es Dir aber sehr viel einfacher machen.

Erstelle zunächst eine neue Infoseite in Deinem Projekt, die z. B. 600 x 500px groß ist. Das Layout der Seite gestaltest Du genauso, wie Du es später in den einzelnen Infobereichen sehen willst, also mit einem Bild-, den Links-, einer Titelzeile- und dem Infotext.

Diese Seite duplizierst Du jetzt x-mal und passt die Texte-, Bilder- und Links an weitere/neue Informationen an.

Auf der Hauptseite erstellst Du so viele Platzhalter in der Größe der duplizierten Seiten, wie Du benötigst. Die Platzhalter ordnest Du untereinander an und stattest sie mit je einem iframe Code aus, der jeweils eine der duplizerten Seiten einbindet.

Fertig

--------------------------------

P.S.

[...] (Privater Chat) Wäre es für dich Ok [...]

Sorry, nein.

IMHO gehören im Interesse der Community alle Fragen- und Antworten hierhin, also direkt ins Forum.
Problemlösungen, die gewissermaßen "hinter vorgehaltener Hand" im stillen Kämmerlein  erarbeitet werden, sind für alle anderen User verloren, die sich eventuell mit ähnlichen Problemen herumschlagen.

Ich bin sicher, dass Du das akzeptieren kannst...

Zuletzt geändert von BeRo am 07.05.2014, 21:56, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

gamingmind schrieb am 07.05.2014 um 22:12 Uhr

Du bist ein Genie, Danke

Ich werde die untere Lösung verwenden.

Ich hätte da noch ein paar Fragen :

1. Wie kann ich die Abstände zwischen den iframe "Blöcken" bestimmen ?

2. Wenn ich die Programiermethode nehme, wie kann Ich eine css Datei einbinden ?

    Ich zitiere einen Mitarbeite von Magix Support ( E-Mail Antwort )

Sehr geehrte(r) ----------------------,

vielen Dank, dass Sie uns kontaktiert haben.
Sie können den betr. Style-Code folgendermaßen einbinden:

Klicken Sie mit der rechten Maustaste auf eine leere Fläche in Ihrem Website Projekt -> Eigenschaften der Website -> Reiter: Website -> HTML Code (head).

Die Antwort kann aber nicht stimmen ! Ich verlinke die css Datei, Ja das stimmt ! Aber ich binde sie damit nicht ein ! Selbst wenn sie auf dem Desktop ist.Ich habe mir mal den Quellcode angesehen mit dem das Programm arbeitet, es ist ( bin mir aber nicht sicher ) htm oder xml, da ist der html und css code in einem code zusammengemischt. Gibt es eine Weise, sie zu trennen ?

Danke für deine Geduld mit all meinen Fragen und deiner schnellen und sachlichen Antwort

BeRo schrieb am 07.05.2014 um 23:34 Uhr

[...] Wie kann ich die Abstände zwischen den iframe "Blöcken" bestimmen [...]

Die "iframe Blöcke" sind ja in Wirklichkeit Platzhalter (Rechtecke) von genau definierter Größe, die den iframe Code z. B. im HTML Body tragen.
Diese Platzhalter Rechtecke kannst Du frei auf der Seite verschieben und sie so anordnen, dass die später an deren Stelle erscheinenden Info Blöcke die von Dir gewünschten Abstände haben.

[...] Wenn ich die Programiermethode nehme, wie kann Ich eine css Datei einbinden ? [...]

Das ist in allen HTML Seiten, die der WD erzeugt Standard. Du findest die entsprechenden Tags in jedem HTML Head.
So sieht es z. B. aus, wenn Du die "xr_main.css" Datei einbindest, die der WD regelmäßig benutzt:

-------------------------
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_main.css"/>
------------------------

Einfacher wird es aber, wenn Du den benötigten CSS Code direkt in den HTM Head- oder Body einbringst.

In dem Fall erfolgt die Abtrennung zum HTML Code durch eine Definitionszeile, dann folgt der CSS Code und schließlich der "Abgesang"

So kann das aussehen:

-----------------------
<style type="text/css">
body {
    font-size: 14px;
    line-height: 150%;
font-family: Verdana, NewTimesRoman;
font-color: #b4b9d9;
    }

</style>

-----------------------

Oben grün markiert ist die Abtrennung zum umgebenden HTML Code. Rot markiert ist der eigentliche CSS Code.

Noch Fragen?

Zuletzt geändert von BeRo am 07.05.2014, 23:34, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

gamingmind schrieb am 08.05.2014 um 18:10 Uhr

[...]Noch Fragen?[...]

Ja, leider .

Wir sind leider ein weig vom ursprünglichen Thema weggekommen, Steifen über die gesamte Website auszubreiten.

Meine Frage : Währe es möglich Streifen auf der Webseite zu platzieren, und nicht auf Templates angewiesen zu sein ?

Beispiel: Test Webseite

Wenn du weitere Beispiele willst, teil es mir einfach mit, ich kann es dann auf der Test Webseite besser verständlich an live beispielen erklären.

BeRo schrieb am 08.05.2014 um 18:57 Uhr

[...] Währe es möglich Streifen auf der Webseite zu platzieren, und nicht auf Templates angewiesen zu sein [...]

Das ist nach wie vor möglich (klick) In dem Kommentar hatte ich ja schon darauf hingewiesen (und verlinkt), dass es außerhalb der Templates noch weitere Möglichkeiten gibt...

Mit dem WD9 kannst Du es Dir aber noch einfacher machen.

  • Lege mit dem Rechteck Werkzeug auf der betreffenden Seite den gewünschten Streifen als Rechteck an.
  • Gib dem Rechteck eine Größe von z. B. 2000 x 50px
  • Platziere das Rechteck mittig im Fußbereich der Seite, da, wo Du es später sehen willst
  • Verschiebe das Rechteck in der Seiten- & Ebenen-Galerie in den "Pasteboard background"
    (vorher Schloss Symbol öffnen)
  • Fertig

 

Viel Erfolg

Zuletzt geändert von BeRo am 08.05.2014, 18:57, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

gamingmind schrieb am 08.05.2014 um 19:50 Uhr

Hallo BeRo, ich danke dir für all deine Antworten

Deine Antworten waren immer sehr informativ und hilfreich

Der Therad ist jetzt geschlossen und alle Antworten sind beantwortet

Danke für deine Hilfe

Mit besten Grüßen gamingmind