Beiträge von Edgar

Edgar · 29. Dezember 2015

Abend.

In meinen Augen gibt es Momentan keinen deutschen Server, welchen ich persönlich auch als Roleplayserver bezeichnen würde.

Heißt aber nicht das Roleplay untergeht. Spiel einfach auf anders sprachigen Servern.

Edgar · 25. Dezember 2015

Etwas Geld für meine neuen Audiogeräte.
Ein kleinen Quadcopter, nennt man die so?

Und natürlich gutes russisches Essen!

Edgar · 1. Dezember 2015

@derrobin154
Mehr oder weniger. Wird Dampfer genannt. Funktioniert genauso wie eine E-Zigarette bzw- E-Shisha. Jedoch kannst du die
Anzahl vom Watt einstellen, und musst den Dampfer auch "Warten". Nach einer Zeit Benutzung müssen viele Modelle oben aufgeschraubt werden und als Beispiel Watte oder Zündwolle etc. eingefädelt werden.

Edgar · 1. Dezember 2015

Grade angekommen:

Edgar · 30. November 2015

Versuch mal folgendes:

$count = $result->fetch_object();

zu

$count = $result->num_rows();

Edgar · 30. November 2015

Zitat von EzuRi

Spielt ihr auch CSS aktiv?

Um es für die anderen zu beantworten, denen es möglicherweise interessiert:
Nicht täglich, wenn mehrere vorschlagen CSS zu spielen, dann spielen wir es auch.
Das gleiche gilt auch für andere Spiele.

Edgar · 29. November 2015

Falls du etwas mehr Ahnung von PHP (OOP) hast empfehle ich dir eine PDO Klasse. Davon gibt es viele im Internet, da kannst du dir eine auswählen, welche dir gefällt.

Edgar · 29. November 2015

HTML: index

<html>
    <head>
        <meta charset="utf-8"> 
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="/style.css">
        <title>San Andreas Rescue Center | Intranet</title>


        <script type="text/javascript">
            // Erst starten wenn das Dokument fertig geladen ist.
            $(document).ready(function () {
                // Beim ersten Laden muss eine Seite geladen werden.


                $('.sidebar li a').click(function () {
                    var id = $(this).attr('id');
                    $('.sidebar li a').each(function () {
                        $(this).removeClass('active');
                    });


                    $('.content > div').each(function () {
                        $(this).hide();
                    });


                    $('.' + id + '-div').show();
                    $(this).addClass('active');
                });


            });
        </script>
    </head>
    <body>
        <div class="sidebar">
            <ul class="nav nav-stacked sidebar">
                <li><a href="#" class="active" id="home"><i class="fa fa-home"></i> Home</a></li>
                <li><a href="#" id="eberichte"><i class="fa fa-inbox"></i> Einsatzberichte</a></li>
                <li><a href="#" id="fplan"><i class="fa fa-ambulance"></i> Fahrzeugplan</a></li>
                <li><a href="#" id="dplan"><i class="fa fa-calendar"></i> Dienstplan</a></li>
                <li><a href="#" id="settings"><i class="fa fa-cog"></i> Einstellungen</a></li>   
            </ul>
        </div>
        <div class="content">
            <div class="home-div">
                <div class="underline">
                    <h1><i class="fa fa-home"></i> Home</h1>
                </div>


                <div class="row"> <!-- Zeile 1 -->
                    <div class="col-md-6"> <!-- Spalte 1 -->
                        <h3>Nachrichten</h3>
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                    </div>


                    <div class="col-md-6"> <!-- Spalte 2 -->
                        <h3>Termine</h3>
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                    </div>
                </div>


                <div class="row"> <!-- Zeile 2 -->
                    <div class="col-md-6"> <!-- Spalte 1 -->
                        <h3>Irgendetwas 2</h3>
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                    </div>


                    <div class="col-md-6"> <!-- Spalte 2 -->
                        <h3>Irgendetwas 3</h3>
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                    </div>
                </div>
            </div>
            <div class="eberichte-div" hidden>
                <div class="underline">
                    <h1><i class="fa fa-home"></i> Einsatzberichte</h1>
                </div>
            </div>
            <div class="fplan-div" hidden>
                <div class="underline">
                    <h1><i class="fa fa-home"></i> Fahrzeugplan</h1>
                </div>
            </div>
            <div class="dplan-div" hidden>
                <div class="underline">
                    <h1><i class="fa fa-home"></i> Dienstplan</h1>
                </div>
            </div>
            <div class="settings-div" hidden>
                <div class="underline">
                    <h1><i class="fa fa-home"></i> Einstellungen</h1>
                </div>
            </div>
        </div>


        <footer class="footer">
            <p class="text-muted"><i class="fa fa-copyright"></i> 2015 Yannik Böltes, San Andreas Rescue Center</p>
        </footer>
    </body>
</html>

Alles anzeigen

Habe alles angepasst. Erstelle am besten eine JS Datei und includiere diese in deine HTML Datei, sorgt ebenfalls für einen besseren Überblick.

Schau dir den Script-Teil an. Versuche zu verstehen was genau da geschieht. Ist auch alles auf der JQuery-Seite nachzulesen.

Edgar · 29. November 2015

Ich habe mir mal erlaubt die HTML Datei etwas "aufzuräumen".

Anbei schicke ich dir gleich noch die CSS Datei.

Weniger Divs und die Menüpunkte funktionieren nun wieder.

HTML: index

<html>
    <head>
        <meta charset="utf-8"> 
        <!-- Latest compiled and minified CSS 
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">


        <!-- Optional theme
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">


        <!-- Latest compiled and minified JavaScript 
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
        -->


        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
        <link rel="stylesheet" href="../../CSS/bootstrap-theme.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="/style.css">
        <title>San Andreas Rescue Center | Intranet</title>
    </head>
    <body>
        <div class="sidebar">
            <ul class="nav nav-stacked sidebar">
                <li><a href="#" class="active"><i class="fa fa-home"></i> Home</a></li>
                <li><a href="#"><i class="fa fa-inbox"></i> Einsatzberichte</a></li>
                <li><a href="#"><i class="fa fa-ambulance"></i> Fahrzeugplan</a></li>
                <li><a href="#"><i class="fa fa-calendar"></i> Dienstplan</a></li>
                <li><a href="#"><i class="fa fa-cog"></i> Einstellungen</a></li>   
            </ul>
        </div>
        <div class="content">
            <div class="home-div">
                <div class="underline">
                    <h1><i class="fa fa-home"></i> Home</h1>
                </div>


                <div class="row"> <!-- Zeile 1 -->
                    <div class="col-md-6"> <!-- Spalte 1 -->
                        <h3>Nachrichten</h3>
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                    </div>


                    <div class="col-md-6"> <!-- Spalte 2 -->
                        <h3>Termine</h3>
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                    </div>
                </div>


                <div class="row"> <!-- Zeile 2 -->
                    <div class="col-md-6"> <!-- Spalte 1 -->
                        <h3>Irgendetwas 2</h3>
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                    </div>


                    <div class="col-md-6"> <!-- Spalte 2 -->
                        <h3>Irgendetwas 3</h3>
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                    </div>
                </div>
            </div>
            <div class="eberichte-div" hidden>
                <div class="underline">
                    <h1><i class="fa fa-home"></i> Home</h1>
                </div>
            </div>
            <div class="fplan-div" hidden>
                <div class="underline">
                    <h1><i class="fa fa-home"></i> Home</h1>
                </div>
            </div>
            <div class="dplan-div" hidden>
                <div class="underline">
                    <h1><i class="fa fa-home"></i> Home</h1>
                </div>
            </div>
            <div class="settings-div" hidden>
                <div class="underline">
                    <h1><i class="fa fa-home"></i> Home</h1>
                </div>
            </div>
        </div>


        <footer class="footer">
            <p class="text-muted"><i class="fa fa-copyright"></i> 2015 Yannik Böltes, San Andreas Rescue Center</p>
        </footer>
    </body>
</html>

Alles anzeigen

CSS: style

body {
    background-color: #EEE;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #333;
}
h4 {
    font-size: 12px;
}


.footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 30px;
    background-color: #F5F5F5;
    padding-top: 5px;
    z-index: 100;
    text-align: center;
}


.container .text-muted {
    margin: 20px 0px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}


/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


#wrapper {
    height: 100%;
    width: 50px;
    background-color: #332C2F;
    z-index: 1000;
}


.sidebar {
    padding-top: 30px;
    line-height: 25px;
    z-index: 1000;
}


a {
    color: #577492;
    border-left: 2px solid #332C2F;
    font-size: 17px;
}


a:hover {
    color: #577492;
    border-left: 2px solid #577492;
}


a:focus {
    color: #577492;
    border-left: 2px solid #577492;
}


.active {
    color: #577492;
    border-left: 2px solid #577492;
    background-color: #eee;
}


.content {
    width: 80%;
    float: left;
    top: 10px;
    position: absolute;
    margin-left: 220px;
    height: auto;
}


.underline {
    border-bottom: 2px solid #577492;
}


.sidebar {
    background-color: #332C2F;
    width: 200px;
    height: 100%;
    top: 0px;
}

Alles anzeigen

Edit:

Musst dein bootstrap link wieder hineinschreiben. Ersetzen diese Zeile durch deinen Pfad:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Edgar · 29. November 2015

Mit folgendem Code kriegst du eine Zeile
mit 2 spalten in der Breit von 6/12 (also 2 mal 6 = 12, da 12 die maximale Breite je Zeile ist)

HTML

<div class="row">
            <div class="col-md-6">
                <h3>Nachrichten</h3>
                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
            </div>
            <div class="col-md-6">
                <h3>Termine</h3>
                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
            </div>
        </div>

Gewöhne dir am besten an, alles was mit CSS zutun hat auch in die Datei zu schrieben und keine style tags zu verwenden, dass sieht meiner Meinung nach nicht gut aus.

Edit:

Du verwendest auch viele unnötige Divs. Den Abstand + "underline" von der Seitenbezeichnung kriegst du schon mit einem einzelnen Div hin. Als Beispiel.

Edgar · 29. November 2015

Für die div Box der Nachrichten und der Termine folgendes:

float: left;
max-width: 50%;

Du benutzt Bootstrap, hat Boostrap nicht ein Gridsystem? Wenn ja, dann benutze dies am besten.

Edgar · 29. November 2015

line-height: 0;
vom body entfernen.

Edgar · 29. November 2015

Da fehlt einiges vom CSS Code.

Wenn ich mir dein HTML und CSS Code nehme und die Datei öffne funktioniert alles, nur das es kein Aussehen hat.

https://i.gyazo.com/e78721a910fdd526ed3218dc9db12494.png

Edgar · 28. November 2015

Weihnachtlich.

Edgar · 27. November 2015

Joa, dann machen wir mal mit, ne.

Edgar · 25. November 2015

Uhuh. Ein Radiosender von einem SAMP Spieler, und das ganze sogar mit einem sehr akzeptablen Mikrofon.
Die Musik, geht, ist nicht das was ich ständig hören würde, aber ich höre generell nur Radiomusik, von daher.

Gefällt mir!

Edgar · 21. November 2015

Ein Roleplayserver braucht an sich keine großartigen Features. Wichtige Roleplaybefehle (/me, /do etc.) und wenige Systeme die das RP vereinfachen (Inventarsystem möglw.) reichen da schon aus.
Was bringt einem ein krasses Gangfightsystem, wenn man darin kaum RP-Aspekte sehen kann. Sterben, spawnen weiter ballern. Als Beispiel.

Edgar · 14. November 2015

OKay. Werde es nachher mal editieren.

Edgar · 14. November 2015

Sollte so passen:
http://www2.pic-upload.de/img/28852051/Ebene2.png

Edgar · 11. November 2015

Gibt es in verschiedenen Farben und Größen im Internet.

http://www2.pic-upload.de/img/…5_22_0.50_1.20_0Kopie.png

Einfach googlen.

Beiträge von Edgar

Roleplay geht unter

Was habt ihr zu Weihnachten bekommen?

Was habt ihr gerade gekauft?

Was habt ihr gerade gekauft?

CSS / HTML Sidebar & Content Problem

Unitedgaming.eu - GTA Online Crew

CSS / HTML Sidebar & Content Problem

CSS / HTML Sidebar & Content Problem

CSS / HTML Sidebar & Content Problem

CSS / HTML Sidebar & Content Problem

CSS / HTML Sidebar & Content Problem

CSS / HTML Sidebar & Content Problem

CSS / HTML Sidebar & Content Problem

Zeigt mal her euern Desktop

Verlosung: Space Engineers (Steam)

TUBE-FM | DEIN HITRADIO IM NETZ!

Was benötigt ein ordentlich RP Server?

Aus Grafik Pattern machen

Aus Grafik Pattern machen

Grafiker zum nachbauen einer Zeichnung gesucht