Suche im Forum:
Suchen



Ist dieser Service Sinnvoll?
Ja
  50%
[ 3 ]
ein wenig
  50%
[ 3 ]
Stimmen insgesamt : 6

Autor Nachricht
Beitrag27.02.2010 um 23:36 (UTC)    
Titel: [Copyright & Urheberrechts freie CSS Designs]

Da ich demnächst neue Designs veröffentliche habe ich beschlossen einige
Copyrights und Urheberrechtsfreie CSS Designs zu veröffentlichen.
Ich werde ca. jede Woche bis jede zweite Woche ein Design in diesem Thread veröffentlichen.

Meinungen zu den Designs sind gern gesehen;)

Wo der Sinn in der Aktion ist? Viele User wollen Vermerksfreie Designs und in diesem Thread stelle ich diese zur Verfügung.

Sollte der Threat hier nicht willkommen sein, bitte verschieben =P


---------------------------------------------------------------------------
Arrow Design 1: Simple Blue CSS

- Header
- Navigation Oben
- Content

Arrow Eigenschaften:
Das Design passt sich den Auflösungen zu 100% an.



Arrow Design einfügen:
-Login Homepage Baukasten
-Design einstellen
- Auswahl CSS Design nur für Profis
- erweiterte Eimstellungen

Arrow Design wie beschrieben einfügen:

Diesen Teil bei Text über dem Design einfügen:
Code:
<div id="hcd"></div>
<div id="nad"></div>
<div id="hcdtw"></div>
<div id="hdd">www.yourhomepage.com</div>


Diesen Teil bei Text unter dem Design einfügen:
Code:
 
<style type="text/css" media="screen">
<!--
body
{
font-family: veranda , sans-serif;
font-size: 14px;
overflow: auto;
padding: 0px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 0px;padding-top: 10px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 210px;
left: 100px;
width:905px;
}

.menu li
{
width: 160px;
float:left;
}

.menu a
{
border: 0px solid #XXXXXXX;
background-color: #XXXXXXX;
background-image: url(http://img.webme.com/pic/d/demon-x-homepage-hilfe/classicnavone.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 30px;
color: #000000;
}

.menu a:hover
{
color: #000000;
background-color: #XXXXXX;
background-image: url(http://img.webme.com/pic/d/demon-x-homepage-hilfe/classicnavhoverone.jpg);
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float:left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 0px;
border-top: 0px;
cursor: pointer;
color: #000000;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="Link">Titel</a></li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> Gruppentitel</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="Link">Titel</a></li>
<li><a href="Link">Titel</a></li>
<li><a href="Link">Titel</a></li>
<li><a href="Link">Titel</a></li>
<li><a href="Link">Titel</a></li>
</ul>
</li>
<li><a href="Link">Titel</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> Gruppentitel</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="Link">Titel</a></li>
<li><a href="Link">Titel</a></li>
<li><a href="Link">Titel</a></li>
<li><a href="Link">Titel</a></li>
<li><a href="Link">Titel</a></li>
<li><a href="Link">Titel</a></li>
<li><a href="Link">Titel</a></li>
<li> </li>
</ul>
</li>
<li><a href="Link">Titel</a></li>
</ul>
</li>
</div>


Diesen Teil bei CSS ohne Styletags einfügen:
Code:


div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

body {background-color:#000000;}

a{color:#888888; font-size: 14px; text-decoration: none;}
a:hover {color: #cccccc; font-size: 14px; text-decoration: none;}

* { padding: 0; margin: 0; }

#hcd{
position:absolute;
top:110px;
left:0px;
height:100px;
width:100%!important;
background-image:url(http://img.webme.com/pic/d/demon-x-homepage-hilfe/classichead.jpg);
}

#hdd{
position:absolute;
top:130px;
left:50px;
color:#fff;
font-size:25px;
font-weight:bold;
font-family: veranda , sans-serif;
}

#nad{
position:absolute;
top:210px;
left:0px;
height:40px;
width:100%!important;
background-image:url(http://img.webme.com/pic/d/demon-x-homepage-hilfe/classicnavone.jpg);
}

#hcdtw{
position:absolute;
top:250px;
left:0px;
height:200px;
width:100%!important;
background-image:url(http://img.webme.com/pic/d/demon-x-homepage-hilfe/classicheadtwo.jpg);
}

#content{
position:absolute;
top:450px;
left:0px;
width:100%!important;
color:#000000;
font-size:14px;
font-weight:bold;
font-family: veranda , sans-serif;
background-color:#fff;
}


______________


Beitrag28.02.2010 um 09:53 (UTC)    
Titel:

Verstehe den Sinn nicht so ganz.. Wieso stellst du deine Designs nicht auf deiner Seite aus?

Das hat eigentlich hier im Forum nichts zu suchen... Rolling Eyes

Für sowas gibts ja die Homepages ^^
______________
WebDesign | Corporate Design | Redesign

Beitrag28.02.2010 um 10:08 (UTC)    
Titel:

nuo-designs hat Folgendes geschrieben:
Verstehe den Sinn nicht so ganz.. Wieso stellst du deine Designs nicht auf deiner Seite aus?

Das hat eigentlich hier im Forum nichts zu suchen... Rolling Eyes

Für sowas gibts ja die Homepages ^^


die designs die ich hier veröffentliche kommen nicht mehr auf meine hp,
und die die gebrauchbar sind müssen ya nicht zwingend wegkommen.

chappi hatte damals auch so einen thread irgendwo hier im forum.

und zu dem ist ya auch der thread mit den bsp. designs von wolle weg, gott weiss warum.

zudem bin ich auf webspace umgezogen und mache nicht mehr viel im bk^^
______________


Beiträge der letzten Zeit anzeigen:   


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