Beiträge von CuzImCloud

CuzImCloud · 17. April 2018

1 Frage habe ich noch. Kann man in PHP es so machen das man ein Limit von Einträgen hat? BSP Es nur 3 Einträge geben darf? Wenn man einen 4 Eintrag macht sollte da stehen : "Das Nachrichten Limit liegt bei 3"?

Gruß

CuzImCloud · 17. April 2018

Ähm ja.

Danke!

// close

CuzImCloud · 16. April 2018

Guten Tag,

kann mir hierbei einer Helfen?

PHP

<?php
        
    require_once ('config.php');
    
    $query = "SELECT * FROM news";
    
    $result = mysqli_query($con, $query);
       
        while ($row = mysqli_fetch_assoc($result)) {
            $articleid = $row['id'];
            $hl = $row['headline'];
            $text = $row['text'];
            $from = $row['author'];
            $cdate = $row['createdate'];
            $from2 = $row['picture'];
            
            $html = "<div class='container'>
        <h2>{$hl}</h2>
        <div class='panel-group'>
        <div class='panel panel-default'>
        <div class='panel-heading'>{$from} schrieb am {$cdate}:</div>
        <div class='panel-body'>{$text}</div>
        </div>";
            echo $html;

        }
        
?>

Alles anzeigen

Es ist ein News System sobald ich mehrere News erstelle wird es auf der Seite immer verschoben

[Blockierte Grafik: https://abload.de/img/verschobenpzr22.png]

Hoffe mir kann jemand helfen.

CuzImCloud · 16. April 2018

Ich versuche meine Fehler echt selber zu fixen, aber trotz Google Suche finde ich nichts, weshalb ich ja genau hier nachfrage weil ich Hoffe ihr Hilfe zu bekommen.

Code

Warning: mysqli_fetch_assoc() expects parameter 1 to be mysqli_result, boolean given in D:\xampp\htdocs\neu\index.php on line 60

CuzImCloud · 16. April 2018

Connected to MySQL

Warning: mysqli_fetch_assoc() expects parameter 1 to be mysqli_result, boolean given in D:\xampp\htdocs\neu\index.php on line 60

Warning: mysqli_free_result() expects exactly 1 parameter, 2 given in D:\xampp\htdocs\neu\index.php on line 73

CuzImCloud · 16. April 2018

Zitat

http://php.net/manual/de/function.mysql-query.php

Genau so habe ich das doch auch gemacht.

CuzImCloud · 16. April 2018

m.scatello

Habe es selber gefixt bekommen.

Mein einziger Fehler ist nurnoch:

Code

Fatal error: Uncaught Error: Call to undefined function mysql_query() in D:\xampp\htdocs\neu\index.php:40 Stack trace: #0 {main} thrown in D:\xampp\htdocs\neu\index.php on line 40

Und da habe ich leider keine Idee mehr.

PHP Teil:

Code

require_once ('config.php');
        
        $sql = "SELECT * FROM test1";
        $result = mysql_query($sql);
        
        if (!$result) {
        echo "Konnte Abfrage ($sql) nicht erfolgreich ausführen von DB: " . mysql_error();
        exit;
    }

        if (mysql_num_rows($result) == 0) {
        echo "Keine Zeilen gefunden, nichts auszugeben, also Ende";
        exit;
    }
        
        
        
        while ($row = mysql_fetch_assoc($result)) {
            $articleid = $row['id'];
            $hl = $row['headline'];
            $text = $row['text'];
            $from = $row['author'];
            $cdate = $row['createdate'];
            
            echo "<h2>{$hl}</h2>
            <h5>Geschrieben von: {$from} am {$cdate} </h5>
            {$text}
            ";
        }
        
        mysql_free_result($result);
        
        ?>

Alles anzeigen

CuzImCloud · 16. April 2018

Doof bin ich nicht.

Englisch kann ich, aber das Problem ist weiß nicht weiter. Daten stimmen soweit.

Deswegen frage ich hier nach einem Rat. Und nicht nach solch einen Spruch.

Dazu fange ich gerade mit PHP an.

Danke!

CuzImCloud · 16. April 2018

Hey,

kann mir jemand sagen wo hier der Fehler ist?

Meine Fehler:

Code

Warning: mysqli_connect(): (HY000/1045): Access denied for user 'news'@'localhost' (using password: YES) in D:\xampp\htdocs\neu\config.php on line 6
Failed to connect to MySQL: Access denied for user 'news'@'localhost' (using password: YES) 
Fatal error: Uncaught Error: Call to undefined function mysql_query() in D:\xampp\htdocs\neu\index.php:39 Stack trace: #0 {main} thrown in D:\xampp\htdocs\neu\index.php on line 39

Aus der Index.php:

Code

require_once("config.php");
        
        $query = mysql_query("SELECT * FROM news");
        
        while($row = mysql_fetch_assoc($query)) {
            $articleid = $row['id'];
            $hl = $row['headline'];
            $text = $row['text'];
            $from = $row['author'];
            $cdate = $row['createdate'];
            
            echo "<h2>{$hl}</h2>
            <h5>Geschrieben von: {$from} am {$cdate} </h5>
            {$text}
            ";
        }
        
        ?>

Alles anzeigen

config.php (Daten verdeckt)

PHP

<?php
define('DB_SERVER','###');
define('DB_USER','###');
define('DB_PASS' ,'###');
define('DB_NAME', '###');
$con = mysqli_connect(DB_SERVER,DB_USER,DB_PASS,DB_NAME);

// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
 }

?>

Alles anzeigen

Hoffe mir kann jemand helfen.

Gruß

CuzImCloud · 15. April 2018

JR Cologne

hat geklappt. Vielen Dank!

Auch an dich Sailor

CuzImCloud · 15. April 2018

HTML Code:

HTML

<!doctype html>
<html lang=''>

        <head>
           <!-- Meta Tags -->
           <meta charset='utf-8'>

           
           <!-- Webseiten Darstellung -->
           <title>############</title>
           <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
           
           <!-- CSS Einbindungen -->
           <link rel="stylesheet" href="css/navbar.css">
           <link rel="stylesheet" href="css/animate.css">   
           
           <!-- Schriftarten -->
           <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
           
           <!-- Script Einbindungen -->
           <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
           <script src="js/navbar.js"></script>
        </head>


        <body>

        <div class="ganz">
            <div id="cssmenu">
                <ul>
                   <li><a href='#'>Start</a></li>        
                   <li class='active'><a href='#'>Server Team</a>
                      <ul id="dd1">
                         <li><a href='#'>Server Inhaber</a></li>
                         <li><a href='#'>Server Administratoren</a></li>
                         <li><a href='#'>Server Developer</a></li>
                         <li><a href='#'>Server Moderatoren</a></li>
                         <li><a href='#'>Server Supporter</a></li>        
                         <li><a href='#'>Server Architekten</a></li>         
                      </ul>
                   </li>
                   <li><a href='#'>Support</a></li>
                   <li><a href='#'>Bewerben</a></li>
                   <li><a href='#'>Tickets</a></li>
                </ul>
            </div>
        </div>
            

            
        
        </body>
<html>

Alles anzeigen

CSS Code:

Code

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

body {
    background-color: white;
    background-size: cover;
    background-attachment: fixed;
}


#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  background: black;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 17px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 700;
  text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
    background-color: #252525;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
      width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}

#dd1 {
    background-color: #252525;
}

#gr {
    background-color: #F5F5F5;
    width: 100%;
    height: 500px;
    margin-top: -10px;
}

#gr p {
    text-align: center;
    font-size: 30px;
    padding-top: 50px;
    font-family: Roboto Slab;
}

#wh {
    background-color: white;
    width: 100%;
    height: 300px;
}

#u1 {
}

div.ganz {
    width: 100%;
}

Alles anzeigen

Was mich stört:

[Blockierte Grafik: https://abload.de/img/randspujr.png]

Der Rand von Navbar und Seite

auf Beiden Seiten

CuzImCloud · 15. April 2018

Guten Tag,

habe da mal eine Frage. Kann mir jemand erklären wie ich hier die Navigation bis zu den Seiten bekomme? Also ohne Abstand?

http://workupload.com/archive/GuCKDYw

Habs mit width: 100%, etc gemacht ohne Erfolg.

Hoffentlich hat jemand eine Idee:

Gruß!

CuzImCloud · 10. April 2018

basti1012

Hat geklappt!

Merći!

CuzImCloud · 10. April 2018

Hi,

ich wollte mal Fragen wie ich dies hier bei mir Einbaue:

https://codemyui.com/hamburger-menu-social-sharing-icons/

Ich habe den HTML Code Kopiert und in Body gemacht.

CSS eingebunden und javascript.

Weder CSS noch JavaScript Funktioniort.

Habe die Seite nicht mehr aber vielleicht kann mir jemand erklären was ich falsch gemacht habe?

Habe CSS und javascript so eingebunden wie man das sonst auch macht. Also nichts besonderes.

Gruß!

CuzImCloud · 8. April 2018

Genau das bekomme ich ja nicht hin...

Möchte es genau wie bei Griefergames.de

CuzImCloud · 8. April 2018

Da ist aber kein Navbar Toggler mit drin?

xDD

CuzImCloud · 8. April 2018

Eben nicht. Habe bereits gesucht Deswegen frage ich hier :))

CuzImCloud · 8. April 2018

Und ehrlich gesagt verstehe ich deinen Code nicht.

Und ich möchte es gerne ohne Media Queries machen.

CuzImCloud · 8. April 2018

Ich würds aber gerne so haben wie bei Griefergames, aufgrund des Dropdown Menüs

CuzImCloud · 8. April 2018

Hey,

Ich habe da eine Frage, undzwar kann mir jemand sagen wie ich so einen Toggler mache wie bei "https://www.griefergames.de/"

Halt wenn die Seite kleiner wird, dieser Toggler um die Navigation zu sehen?

Geht auf die Seite und macht euren Browser kleiner dann wisst ihr was ich meine :))

Hoffe mir kann da jemand sagen wie ich das mache.

Meiner sieht so aus:

Code

<div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
    </div>
    <div class="bg collapse navbar-collapse" id="myNavbar">
      <ul class="seiten navbar-nav">
      
            <div class="dropdown">
              <button class="dropbtn">DROPDOWN</button>
              <div class="dropdown-content">
                <a style="text-decoration: none; color: white;" href="#">Link 1</a>
                <a style="text-decoration: none; color: white;" href="#">Link 2</a>
                <a style="text-decoration: none; color: white;" href="#">Link 3</a>
              </div>
            </div>

        <li><a style="text-decoration: none;" href="#">FORUM</a></li>
        <li><a href="#">SHOP</a></li>
        <li><a href="#">SUPPORT</a></li>        
        <li><a href="#">TEAM</a></li>
      </ul>
    </div>

Alles anzeigen

Dieser gefällt mir jedoch nicht.

Auf Antworten würde ich mich freuen.

Beiträge von CuzImCloud

Es ist immer Verschoben

Es ist immer Verschoben

Es ist immer Verschoben

News

News

News

News

News

News

Länge ändern.

Länge ändern.

Länge ändern.

Wie binde ich das Ein?

Wie binde ich das Ein?

Navbar Toggler

Navbar Toggler

Navbar Toggler

Navbar Toggler

Navbar Toggler

Navbar Toggler