Design Check

Nightloewe · 14. April 2014

Hallo,
Ich habe ein Design erstellt und wollte euch fragen wie ihr es findet.
Link: http://weltvonminecraft.de/beta/new6/start.php

Nightloewe · 15. April 2014

#Push

DieKuhMachtMuhh · 15. April 2014

Was soll daran bitte ein Design sein?

Ich sehe nur eine weiße .php Seite, mit Your Site Title und einem Navmenü aber ein Design sehe ich nicht.

Nightloewe · 15. April 2014

Erkär mir das mal bitte genauer

DieKuhMachtMuhh · 15. April 2014

Hier siehst du es

Tacqila · 15. April 2014

Schau dir mal Bootstrap an. Damit erreichst du mehr als alles selbst zu erstellen.
Ich verwende es auch für meine Seite. Lässt sich gut personalisieren.

Nightloewe · 15. April 2014

DieKuhMachtMuhh
Bei dir fehlt anscheinend der Hintergrund, bei meinen iPad sowie Computer sehe ich den Hintergrund.

Nightloewe · 15. April 2014

Ich hatte schonmal versucht mit dem Bootstrap ein paar Funktion auszuprobieren, nur bei mir hat das Javascript nicht funktioniert mit data-toggle

Tacqila · 15. April 2014

Dann hast du es falsch oder gar nicht eingebunden. Funktionieren tut es out-of-the-box tadellos.

Nightloewe · 15. April 2014

So habe ich es eingebunden:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"></link>
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css"></link>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-2.1.0.min.js"></script>
</head>
<Body>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">

<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<button type="button" id="loading-example-btn" data-loading-text="Loading..." class="btn btn-primary">
Loading state
</button>
<script>
$('#loading-example-btn').click(function () {
var btn = $(this)
btn.button('loading')
$.ajax(...).always(function () {
btn.button('reset')
});
});
</script>

</Body></html>

Tacqila · 15. April 2014

Lad das mal auf einen Webspace hoch und poste den Link. Gerne auch per PN.

Nightloewe · 15. April 2014

http://weltvonminecraft.de/beta/new4/test.php

**virtualmarc** · 15. April 2014

Wenn du es manuell nicht richtig hin bekommst kannst du dir das auch mal angucken:
http://www.layoutit.com/

Nightloewe · 15. April 2014

ok, danke, schau ich mir mal an.

Tacqila · 15. April 2014

Der erste Fehler der mich anspringt:

Zitat

Error: Bootstrap's JavaScript requires jQuery

Ich kann auch nicht sehen, dass du es Eingebunden hast.

Dann hast du, wie in der Konsole steht, einen Syntax Fehler in deinem JS:

Code

$.ajax(...).always(function () {

sollte

Code

$.ajax('...').always(function () {

sein.

Gawain · 15. April 2014

Da die Probleme hier gelöst zu sein scheinen, gebe ich dir einen kleinen Tipp zur Erstellung von Tempaltes / Designs.
Es geht hierbei vorrangig um das Aussehen, deswegen solltest du dies als erstes üben. Nimm dir ein paar Beispiele an Webseiten und versuche sie nachzumachen, dann wirst du besser. Investiere ein bisschen Zeit in das "Designen" und danach erst in das Programmieren der Komponenten. Dadurch wird das gesamte Aussehen stark verbessert.

Wenn du Hilfe beim Programmieren brauchst, kannst du dich jederzeit wieder melden. Deine "Design - Skills" sollten aber erstmal Vorrang haben.

Nightloewe · 15. April 2014

Wie findet ihr meine Website die ich bald auch ins / Verzeichnis tun will.

Link: http://weltvonminecraft.de/beta/new4/

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Design Check

Teilen