fireworks

aspedis · Beitrag von **aspedis** » Do 26. Apr 2007, 23:27

Hi,
ich nutze das contenido ja schon länger auf verschiedenen websites (www.uni-konstanz.de/ghg - www.cvjm-asperg.de)
aber das neue, das auf css basierende layout ist mir ein wenig zu kompliziert.
(jaa, ich weiß, ich könnte daran was ändern aber im moment fehlt mir die zeit)

meine frage:
kann ich mit fireworks 8 ein layout basteln und das dann bei contendio einbauen?

also irgendwie eben fireworks exportieren mit containern für contenido und dann auf website einfügen?

vielen dank.
lg volker a.k.a. aspedis

p.s. ich habe suche genutzt aber nichts gefunden zum thema fireworks.

Beitrag von **HerrB** » Fr 27. Apr 2007, 08:26

Nein. Du erstellst mit Fireworks (ist das nicht das Grafikprogramm? Bin ein wenig eingerostet) eine normale HTML-Seite. Den HTML-Code aus der Seite kopierst Du in ein neues Layout und ersetzt dann in dem Code die Stellen, an denen variable Inhalte erscheinen sollen, durch Container-Tags.

Gruß
HerrB

i-fekt · Beitrag von **i-fekt** » Fr 27. Apr 2007, 10:11

Da der von Fireworks generierte Code jedoch zeimlich schlecht ist, würde ich dir empfehlen, ihn von Hand zu schreiben oder ein geeigneteres Programm wie Dreamweaver zu benutzen, um den HTML Code zu erstellen.

aspedis · Beitrag von **aspedis** » So 29. Apr 2007, 23:49

Vielen Dank für eure Hilfe

Ich hab dann mal mit Hilfe von Dreamweaver und dem Wordpress Layout versucht ein Layout zu basteln so wie ich es von Wordpress gewphnt bin.

anzuschauen hier: http://cms.volkerbeck.eu/cms/front_cont ... 7&idart=54
allerdings ist nur diese spezielle Seite zu testzwecken mit dem Layout versehen worden.

Dabei nutze ich den folgenden Quelltext:

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="css/style.css" rel="stylesheet" type="text/css">
<title>Wordpress @ Contenido</title>
</head>

<body background=http://cms.volkerbeck.eu/cms/upload/site/kubrickbgcolor.jpg
}>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="760" height="200" background="http://cms.volkerbeck.eu/cms/upload/site/kubrickheader.jpg"><div align="center" valign="bottom"><font size="18" class="seite">cms.volkerbeck.eu<br></div></td>
  </tr>
  <tr>
    <td background="http://cms.volkerbeck.eu/cms/upload/site/kubrickbg.jpg"><table width="740" border="0" align="center" cellpadding="5" cellspacing="5">
      <tr>
        <td width="480" align="left" valign="top"><table width="100%" border="0">
          <tr>
            <td class="headline">CMS_CONTAINER[2]</td>
          </tr>
          <tr>
            <td class="text">CMS_CONTAINER[3]</td>
          </tr>
          <tr>
            <td class="text">CMS_CONTAINER[4]</td>
          </tr>
          <tr>
            <td class="text">CMS_CONTAINER[5]</td>
          </tr>
        </table>
          </td>
        <td  class="mainnav" width="190" align="left" valign="top"><table  class="mainnav" width="100%" border="0">
            <tr>
              <td><p class="headline"> Navigation:CMS_CONTAINER[1] </td>
            </tr>
          </table></td>
      </tr>
    </table></td>
  </tr>
  <tr class="unten" >
    <td class="unten" width="760" height="63" background="http://cms.volkerbeck.eu/cms/upload/site/kubrickfooter.jpg">
      <table class="unten" width="100%" border="0">
        <tr class="unten" >
          <td class="unten" align="center" valign="middle"><p class="unten" >CMS_CONTAINER[7] </td>
        </tr>
      </table>
  <tr>
     
            </tr></td>
  </tr>
</table>
</body>
</html>

Wenn mir jemand helfen könnte, wäre ich mehr als dankbar, im Moment kann ich nämlich leider die Hilfnavigation (unten) nicht vom Text trennen was das Linkverhalten angeht.

So sieht die dazugehörige CSS aus:

Code: Alles auswählen

body             {font-family: helvetica, arial, geneva, sans-serif; font-size: x-small; color: #000000}
.seite  	 {font-family: helvetica, arial, geneva, sans-serif; font-size:36px; color:#ffffff; font-weight: lighter}
.headline   	 {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; color:#006600; font-weight: bold}
.subheadline   	 {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; color:#b22222; font weight: lighter}
.text		 {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; color:#000000}
.navactive	 {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; color:#000000}
.navpassive	 {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; color:#000000}
.unten           {font-family: helvetica, arial, geneva, sans-serif; font-size:10px; color:#000000}

A:link           {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; text-decoration: none; color: #006600}
A:visited        {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; text-decoration: none; color: #006600}
A:hover          {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; text-decoration: underline; color: #131313}
A:active         {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; text-decoration: none; color: #000000}

A.text:link           {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration:underline; color: #ff9999}
A.text:visited        {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: underline; color: #000000}
A.text:hover          {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #DC143C}
A.text:active         {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: underline; color: #000000}

A.navactive:link           {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #006600}
A.navactive:visited        {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #006600}
A.navactive:hover          {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #000000}
A.navactive:active         {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #006600}

A.navpassive:link           {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #000000}
A.navpassive:visited        {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #000000}
A.navpassive:hover          {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: underline; color: #006600}
A.navpassive:active         {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #000000}

A.unten:link           {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; text-decoration: none; color: #ff0000}
A.unten:visited        {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; text-decoration: none; color: #999999}
A.unten:hover          {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; text-decoration: none; color: #ff0099}
A.unten:active         {font-family: helvetica, arial, geneva, sans-serif; font-size:12px; text-decoration: none; color: #999999}

jemand eine Idee, wie ich das trennen kann? also die Navigation unten und die Textlinks?

Vielen Dank.
lg
aspedis
p.s. das Titelbild (wenn dieses Layout mal läuft) kann man mit Hilfe von Kubrickr ganz einfach anpassen http://redalt.com/Tools/Kubrickr

maveric2001 · Beitrag von **maveric2001** » Mo 30. Apr 2007, 09:57

aspedis hat geschrieben:....im Moment kann ich nämlich leider die Hilfnavigation (unten) nicht vom Text trennen was das Linkverhalten angeht.

also ich persoenlich habe KEINE ahnung was du damit meinst. zumal ich der meinung war, das platzhalter so aussehen:

Code: Alles auswählen

<container id="40" name="Hauptnavigation" types="Navigation" mode="fixed" default="Hauptnavigation">Hauptnavigation</container>

oder seh ich da was falsch???

Beitrag von **Dodger77** » Mo 30. Apr 2007, 10:19

maveric2001 hat geschrieben:oder seh ich da was falsch???

Nicht ganz.

Die von dir gepostete Art ist die neuere, aber z.B. "CMS_CONTAINER[40]" geht auch.

aspedis · Beitrag von **aspedis** » Mo 30. Apr 2007, 18:28

hm, da scheine ich ja einiges verasst zu haben von wegen Container-Layout...

was ich meinte:

Bild

dabei sollen die Textlinks sich anders verhalten als die unten-Links.

ich habe eig. auch verschiedene .css styles zugewiesen, aber irgendwie klappt das nicht.

falls jemand mir helfen könnte, das Layout sagen wir mal, zu updaten, würde sich ein großes Danke (und eine Nennung im Impressum / unten-links - wenn gewünscht) verdienen.

danke.