• Es freut uns dass du in unser Minecraft Forum gefunden hast. Hier kannst du mit über 130.000 Minecraft Fans über Minecraft diskutieren, Fragen stellen und anderen helfen. In diesem Minecraft Forum kannst du auch nach Teammitgliedern, Administratoren, Moderatoren , Supporter oder Sponsoren suchen. Gerne kannst du im Offtopic Bereich unseres Minecraft Forums auch über nicht Minecraft spezifische Themen reden. Wir hoffen dir gefällt es in unserem Minecraft Forum!

DASPOOT sucht das Superdesign!

DASPOT

Potgraph | Experte für Popkultur und Trendy Topics
Berater
Registriert
1 November 2011
Beiträge
1.459
Alter
28
Diamanten
302
Minecraft
DASPOOT
Hallo Leute

Ich bin gerade dabei, meine Website zu Designen. Allerdings habe ich überhaupt keinen Plan, wie diese aussehen soll.

Deshalb dachte ich. Ich frag euch einfach mal. Was ich suche, sind einfach Musterbilder von Designs. Evtl. wäre es auch praktisch, wenn das Design bereits irgendwo existiert, muss aber nicht, da die endgültige Umsetzung auch ich übernehmen kann/will.

Also. Wenn ihr Designs habt, dir euch richtig gut gefallen, schreibt es mir drunter. Oder ihr habt Lust, mir einen Designvorschlag zu bringen, dann macht da doch dann ein Bild davon und schreibt es auch. Bitte schreibt da dann drunter, ob ich dieses Design dann auch, wenn ich es umsetze, für "meine Referenzen" nutzen darf, ob ihr da irgendwie erwähnt wollen würdet,...

Meine prinzipiellen Ideen für das Design:
- Modern
- Schlicht gehalten. Sowohl Farb(Auswahl), als auch der Umfang der Seite.
- Themen, mit denen sich die Seite beschäftigt:
-- Webdesing
-- Musik
-- Downloads,...
- Dachte evtl. an "Win-8-stil", gerne auch anders.

Es gilt natürlich prinzipiell: Diese Ideen müssen nicht alle mit einbezogen werden! Könnt ruhig auch mal mutig sein und was andres machen. Und je mehr Designs ich gesehen habe, desto genauer kann dann wahrscheinlich sagen, was ich will.

Mal schauen, ob sich n paar Leute finden, die genug Langeweile haben :D. Falls irgendjemand mit mir persönlich darüber sprechen will, einfach melden. Z.B. Auch, wenn man da Ideen hätte und die mit mir gerne besprechen würde.

Ich würde mich über jeden freuen der sich die Mühe macht. Mal schauen, was dabei rauskommt. Wenn ich Zeit habe, mache ich dann vielleicht auch eine Sammlung der besten Ideen mit ggf. Name.

Da ich während des Schreibens dieses Threads irgendwie meine Meinung leicht geändert habe, hier ein kleiner Nachtrag: Ich suche allerhand Designvorschläge in alle Richtungen, wie gesagt, für evtl. kleine Sammlung.
 

Angel

Alle 354 Abonnenten von Xhadius
Ehem. Teammitglied
Registriert
2 März 2012
Beiträge
1.458
Diamanten
301
Ich hätte da was kleines zusammengeschrieben :D

Der Code für das Dopdownmenü ist von designyourweb.info ^^^

2909bae3c6.jpg


Dropdownmenü würde dann so aussehen.

d241dda0b7.jpg

(variiert je nach font-size)

In der Mitte wäre dann halt Platz für anderen Content

Am Besten du probierst es einmal selbst aus :D (Es gibt allerdings ein Problem beim Zoomen was dir schnell auffallen wird + eine Menge Anfängerfehler xD

Code:
<!DOCTYPE html>
<html>

<head>
    <title>DSDS</title>

    <meta charset="ISO-8859-1">
    <meta name="description" content="HTML Zeugs">
    <meta name="author" content="4ngelKiller + Code von designyourweb.info">
    <meta name="keywords" content="">
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">

    <link href="Design/style.css" type="text/css" rel="stylesheet">
</head>

<body background="1517171.jpg" id="lolwut">
    <div id="Eins">
    <nav>
        <ul>
            <li class="dd1">
                <a href="#">Musik</a>
                <ul>
                    <li><a href="">Platzhalter</a></li>
                    <li><a href="">Platzhalter</a></li>
                    <li><a href="">Platzhalter</a></li>
                    <li><a href="">Platzhalter</a></li>
                </ul>
            </li>
            <li class="dd2">
                <a href="#">Webdesign</a>
                <ul>
                    <li><a href="">Platzhalter</a></li>
                    <li><a href="">Platzhalter</a></li>
                    <li><a href="">Platzhalter</a></li>
                    <li><a href="">Platzhalter</a></li>
                </ul>
            </li>
            <li class="dd3">
                <a href="#">Downloads</a>
                <ul>
                    <li><a href="">Platzhalter</a></li>
                    <li><a href="">Platzhalter</a></li>
                    <li><a href="">Platzhalter</a></li>
                    <li><a href="">Platzhalter</a></li>
                </ul>
            </li>
        </ul>
    </nav>
    </div>
</body>
</html>

Hier ist der CSS Code :D

Code:
#Eins{
    font-size: 30px;
    background-color: #D5E0EC;
    width: 80%;
    height: 1200px;
    margin-left: 10%;
    margin-right: 10%;
    opacity: 0.5;
    margin-top: 5%;
}

#lolwut{

background-image:url(1517171.jpg) no-repeat  bottom left;
background-size: cover;
}

nav
{
    width: 100%;
}

nav ul
{
    margin: 0px;
    padding: 0px;
}

nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

    nav ul,nav ul li{
    background-color: #404040;
}

    nav ul li {
    list-style: none;
    float:left;
}

nav ul li a {
    text-decoration: none;
    display: block;
    color: #FFFFFF;
    padding: 14px 34px 14px 34px;
}

nav ul li:hover > ul {
    visibility: visible;
    }

nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}

nav ul li ul li{
    float: none;
    }

    nav ul li ul li a:hover{
    color: #FFFFFF;
}
nav ul {
    padding: 0px;
    margin: 0px;

    box-shadow: 2px 2px 2px #dfdfdf;
    -moz-box-shadow: 2px 2px 2px #dfdfdf;
    -webkit-box-shadow: 2px 2px 2px #dfdfdf;
}

nav ul li {
list-style: none;
    float:left;
    border-right: 1px solid #dfdfdf;
}
nav ul li a {
    text-decoration: none;
    display: block;
    color: #FFFFFF;
    padding: 14px 34px 14px 34px;

    -webkit-transition: background 0.3s ease-out 0s;
    -moz-transition: background 0.3s ease-out 0s;
    -o-transition: background 0.3s ease-out 0s;
    transition: background 0.3s ease-out 0s;
}
/* Hier wird die Farbänderung des ganzen Menüs definiert */
nav ul li.dd2:hover a, nav ul li.dd2:hover > ul li a  {
    background-color: #6D6D6D;
}
nav ul li.dd3:hover a, nav ul li.dd3:hover > ul li a  {
    background-color: #6D6D6D;
}
nav ul li.dd1:hover a, nav ul li.dd4:hover > ul li a  {
    background-color: #6D6D6D;
}
/* Ende der Farbänderungs"definierung" */

nav ul li:hover > a {
    color: #FFFFFF;
}
nav ul li ul li a {
    color: #FFFFFF;
}
nav ul li ul li a:hover{
    color: #000000;
    background-color: #FFFFFF !important;
}


Ist das was für ne kleine Sammlung :D? (bisschen common, ich weiß^^) Und stark dem Design hier angelegt.
Mfg 4ngel
 
Zuletzt bearbeitet:

AnonymusChaotic

Workaholic
Registriert
22 November 2013
Beiträge
760
Diamanten
0
Wenn du nur entwickeln willst fände ich live-versionen aller gängigen Desktops (ohne lauffähige Programme, nur als ansichtversion) echt cool.

Meines Erachtens nach gibt es das noch nicht ...
 

DASPOT

Potgraph | Experte für Popkultur und Trendy Topics
Berater
Registriert
1 November 2011
Beiträge
1.459
Alter
28
Diamanten
302
Minecraft
DASPOOT
Interessante Idee. Allerdings dumme Frage: kann man da bei Windows iwie copyright Probleme o.ä. Haben? :D. Denke auch, eine Live Version eines Desktops hebe ich mir ggf. Noch für später auf, erstmal paar "normale" Webdesigns :D
 

AnonymusChaotic

Workaholic
Registriert
22 November 2013
Beiträge
760
Diamanten
0
Ob es Copyright-Probleme gibt, weiß ich nicht. Beantwortet Microsoft aber sicher gerne (Support anschreiben o.ä.).
Schließlich wäre es für die ja auch ein Vorteil, wenn User das neue 1.8 oder 1.9 Design ausprobieren können. Ein Link zu Amazon (Affiliate), die das Windows verkaufen kann Dir dann auch ein wenig Geld bringen.

Mit Gnome u.ä. sollte es keine Probleme geben.

Apple könnte auch Probleme machen...
 
Oben