Suche im Forum:
Suchen


Autor Nachricht
Beitrag02.04.2012 um 14:13 (UTC)    
Titel: CSS darstellen

Hi,
ich brauche ein Programm mit dem ich CSS sichbar machen kann. z..B. wenn ich etwas mit html programmiere:
<html>
<title>Test.de Die Testpage</title>
<body>
Test
</body>
</html>
und es denn im Editor unter .html abspeicher denn kann ich mir anschaun was ich progammiert habe.

wenn ich aber z.B. reines CSS programmiere z.B.
body {
font: 69% Tahoma, Arial, sans-serif;
margin:0;
padding:0;
text-align:center;
background: #8c7e04 url(../images/bg-wall.jpg) fixed left bottom no-repeat;

}
#library {
margin:10% auto 0 auto;
padding:0;
text-align:center;
width:600px;
}
ul {
list-style:none;
padding:0;
margin:0;
}
#imageGallery {
background:transparent url(../images/regalboden.png) 0 0 repeat-y;
text-align:center;
}
#imageGallery li {
display:inline-block;
margin:0;
padding:20px 30px 19px 30px;
}
#imageGallery img {
border:0;
-moz-box-shadow:1px -1px 5px rgba(0, 0, 0, .9);
-webkit-box-shadow:1px -1px 5px rgba(0, 0, 0, .9);
box-shadow:1px -1px 5px rgba(0, 0, 0, .9)
}
#imageGallery a:hover img {
-moz-box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
-webkit-box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
box-shadow:1px -1px 10px rgba(0, 0, 0, .9)
}

li[id] {
overflow:hidden;
position:absolute;
width:0;
height:0;
left:0;
top:0;
opacity:0;
background:rgba(0,0,0,.5);
}
li[id] a:before {
content:url("../images/ic-close.png");
position:absolute;
top:-33px;
right:-33px;
opacity:0;
}
li[id] a:hover:before {
opacity:1;
}
li[id]:target {
width:100%;
height:100%;
opacity:1;
}
#library li[id]:target a {
background-color: #FFF;
position:absolute;
top:40%;
left:50%;
margin:-175px 0 0 -117px;
border:25px solid #fff;
text-decoration:none;
-webkit-animation:zoom 1.5s cubic-bezier(0,0,0,1);
-moz-animation:zoom 1.5s cubic-bezier(0,0,0,1);
-moz-box-shadow:0 0 74px 5px rgba(0, 0, 0, .Cool;
-webkit-box-shadow:0 0 74px 5px rgba(0, 0, 0, .Cool;
box-shadow:0 0 74px 5px rgba(0, 0, 0, .Cool;
}
li[id]:target a img {
border:0;
}
li[id]:target a span {
font-size: 125%;
width:187px;
display:block;
padding:10px 0 0 0;
color:#303030;
}
a {
outline: none;
}
@-webkit-keyframes zoom {
0% { -webkit-transform:scale(0); }
100% { -webkit-transform:scale(1); }
}
@-moz-keyframes zoom {
0% { -moz-transform:scale(0); }
100% { -moz-transform:scale(1); }
}

@media screen and (max-height: 850px) {
li[id]:target a {
margin:-200px 0 0 -118px;
}
}
#cover1 .zoom1

denn lese ich nur das halt wenn ich es unter .html abspeicher
wenn ich es unter .css abspeicher denn habe ich nur die Codes gespeichert und rufe die wieder im editor auf

Ich suche ein Programm oder so wo ich reine CSS Codes z.B. speichern kann und diese mir denn anschaun kann wie es als programmiertes aussieht

Gibts da irgendwie einen Trick ? Very Happy Very Happy

Auf ne Antwort würde ich mich sehr freuen Smile

PS: Im HPBK CSS ohne Style Tags oder so funzt das nicht.
Beitrag02.04.2012 um 16:44 (UTC)    
Titel:

Gibt ne Menge bei Google zu finden!!!

Beispiel:http://scriptly.webocton.de/


Grüße
______________
Beitrag02.04.2012 um 22:01 (UTC)    
Titel:

Hallo,

ehrlichgesagt habe ich keine Ahnung, was du möchtest. Du willst ein Programm, das nur CSS ohne Html darstellt?
Falls dem so ist, frage mal google, was CSS ist dann wird sich deine Frage von ganz alleine erledigen.

- verschoben, nach: Ich suche -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de