mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 18.04.2024 02:32 Benutzername: Passwort: Auto-Login

Thema: Dreamweaver / CollapsiblePanel mit zwei CSS? vom 21.09.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Dreamweaver / CollapsiblePanel mit zwei CSS?
Seite: 1, 2  Weiter
Autor Nachricht
sanmao
Threadersteller

Dabei seit: 20.07.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 21.09.2010 13:54
Titel

Dreamweaver / CollapsiblePanel mit zwei CSS?

 Antworten mit Zitat Zum Seitenanfang
Hallo!

ich erstelle Website mit Dreamweaver Website. Spry Reduzierbare Palette ist schon intergiert. Bei meier Seit hat auch mehre Palette. Aber ich wollte zwei Aussehn davon haben. Wenn ich in Datei SpryCollapsiblePanel.css ändern. Leider geht immer nur für ein aussehen. Besonders ist bei Mausover habe ich in CSS zwei verschiede definiert. Aber DW nimmt nur eine. Andere scheit nicht zu verbinden zu sein.

Hat jemanden eine idee? Ich habe lange gesucht. Leider....

Vielen Dank!
  View user's profile Private Nachricht senden
DerM

Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Di 21.09.2010 14:20
Titel

Antworten mit Zitat Zum Seitenanfang
Ähm, was???
  View user's profile Private Nachricht senden
Anzeige
Anzeige
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 21.09.2010 14:29
Titel

Antworten mit Zitat Zum Seitenanfang
DerM hat geschrieben:
Ähm, was???


haha ging wir genauso * Keine Ahnung... *

vieleicht solltest du mal was hochladen oder so^^
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Di 21.09.2010 14:35
Titel

Antworten mit Zitat Zum Seitenanfang
Ich schätze die Panels haben die selbe ID oder Klasse.
Wenn du zwei IDs oder Klassen in CSS geschrieben hast musst du die 2. auch im HTML Code verwenden.

Aber wahrscheinlich geht es um etwas ganz anderes * Ööhm... ja? *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sanmao
Threadersteller

Dabei seit: 20.07.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 21.09.2010 14:39
Titel

Antworten mit Zitat Zum Seitenanfang
mmmmh...

Spry Reduzierbare Pallette, ich wollte zwei Aussehen haben.

z.B. eine mit hintergrundbild, eine ohne. Wie?

hier ist code in CSS:

Code:
.CollapsiblePanel {
   margin: 0px;
   padding: 0px;
   text-decoration: none;
}
.CollapsiblePanel2 {
   margin: 0px;
   padding: 0px;
   text-decoration: none;
}

/* Titel*/
.CollapsiblePanelTab {
   background-color: #fff;
   margin: 0px;
   padding: 0px;
   cursor: pointer;
   -moz-user-select: none;
   -khtml-user-select: none;
   text-decoration: none;
   background-image: url(togglerc.gif);
   background-repeat: no-repeat;
   background-position: right bottom;
}
.CollapsiblePanelTab2 {
   background-color: #fff;
   margin: 0px;
   padding: 0px;
   cursor: pointer;
   -moz-user-select: none;
   -khtml-user-select: none;
   text-decoration: none;

}


/*Inhalt*/
.CollapsiblePanelContent {
   margin: 0px;
   padding-top: 10px;
   padding-left: 41px;
   
}
.CollapsiblePanelContent2 {
   margin: 0px;
   padding-top: 10px;
   padding-left: 0px;
   
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
   color: black;
   border: none;
   text-decoration: none;
   background-color: #fff;
   background-image: url(togglerch.gif);
   background-repeat: no-repeat;
   background-position: right bottom;
   
}
.CollapsiblePanelTab2 a {
   color: red;
   border: none;
   text-decoration: none;
   background-color: #fff;

   
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
   background-color: #fff;
   border: none;
   background-image: url(togglero.gif);
   background-repeat: no-repeat;
   background-position: right bottom;
}
.CollapsiblePanelOpen .CollapsiblePanelTab2 {
   background-color: #fff;
   border: none;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover{
   background-color: #fff;
   border: none;
   text-decoration: none;
   background-image: url(togglerch.gif);
   background-repeat: no-repeat;
   background-position: right bottom;
}
.CollapsiblePanelTabHover2{
   background-color: #fff;
   border: none;
   text-decoration: none;

}

.CollapsiblePanelOpen .CollapsiblePanelTabHover {
   background-color: #fff;
   border: none;
   text-decoration: none;
   background-image: url(toggleroh.gif);
   background-repeat: no-repeat;
   background-position: right bottom;
}
.CollapsiblePanelOpen .CollapsiblePanelTabHover2 {
   background-color: #fff;
   border: none;
   text-decoration: none;

}





code in html:
Code:

 <div id="CollapsiblePanel10" class="CollapsiblePanel2">
       <div class="CollapsiblePanelTab2" tabindex="0">xxxxxxx</div>
       <div class="CollapsiblePanelContent2">
         xxxxxxxxx</div>
     </div>
  View user's profile Private Nachricht senden
sanmao
Threadersteller

Dabei seit: 20.07.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 21.09.2010 14:57
Titel

Antworten mit Zitat Zum Seitenanfang
Azazael hat geschrieben:
Ich schätze die Panels haben die selbe ID oder Klasse.
Wenn du zwei IDs oder Klassen in CSS geschrieben hast musst du die 2. auch im HTML Code verwenden.

Aber wahrscheinlich geht es um etwas ganz anderes * Ööhm... ja? *





Ja, genau. Ich habe auch so gemacht. Aber bei MausOver, html nimmt immer der ersten klasse.
  View user's profile Private Nachricht senden
sanmao
Threadersteller

Dabei seit: 20.07.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 21.09.2010 14:59
Titel

Antworten mit Zitat Zum Seitenanfang
Ich weiss nicht wo kann man .CollapsiblePanelTabHover2 in html verbinden?

* Keine Ahnung... * * Keine Ahnung... * * Keine Ahnung... *
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 21.09.2010 15:05
Titel

Antworten mit Zitat Zum Seitenanfang
ich versteh immer noch nur bahnhof ... lad` doch bitte mal hoch und mach ein bild, wies sein sollte^^
  View user's profile Private Nachricht senden
 
Ähnliche Themen Dreamweaver - Zwei Spalten mit versch. Cellpadding
Dreamweaver auf zwei Rechnern - Arbeiten auf FTP Server Prob
Zwei <Forms>, Zwei Checkboxen und ein Problem
zwei anfängerfragen zu ae 6.5
Zwei CSS-Fragen
zwei iframes
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB