Beiträge von CuzImCloud

CuzImCloud · 8. März 2018

Ich komme mit dem Tutorial Leider 0 zurecht.

Da wird das von einer composer.json erzählt, welche ich nicht besitze.

Antwort wäre nett.

Gruß!

CuzImCloud · 8. März 2018

Zitat von m.scatello

CuzImCloud

Dein Problem ist, dass du eine Textmail versendest, da kann man nichts großartig formatieren. Die mail-Funktion von PHP sollte man sowieso meiden, da hat man in der Regel nur Probleme mit. Das ist auch der Grund, warum deine Mail im Spam landet. Nutze eine fertige Mailer-Klasse w.z.B. den phpMailer. Damit kann man problemlos HTML-Mails versenden, die dann auch nicht so schnell als Spam abgestempelt werden.

könntest du mir erklären wir das mache? Habe leider noch nie damit gearbeitet.

Gruß!

CuzImCloud · 8. März 2018

Habe das Extra hier geschrieben Hoffe mir kann das einer erklären.

//Edit, das ist kein Problem, das kriege ich auch hin, ich rede von der E-Mail, sobald ich Auf "Senden" drücke wird die Mail an meine E-Mail gesendet, und genau dort möchte ich das Designen, derzeit sieht es ja so aus:

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

Und genau dort möchte ich es Designen.

Hoffe dort kann mir Geholfen werden.

CuzImCloud · 8. März 2018

Guten Tag,

ich habe mir heute aus dem Internet eine Vorlage für eine PHPMail rausgesucht, welche auch wunderbar Funktioniert.

Jedoch möchte ich die E-Mail auch noch Designen, also dort wo sie später ankommt.

Das ist mein derzeitiger HTML Code mit den Eingabefeldern etc.

HTML

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Bewerben</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Bewerben">
  <meta name="author" content="CuzImCloud">

    <link href="css/bewerben.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Coiny" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Coiny|Russo+One" rel="stylesheet">
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato:100,300,regular,700,900' type='text/css'>
    <link rel="shortcut icon" type="image/x-icon" href="../img/fav.png">

</head>

    <body>
        <form method="post" action="skript.php">

          <div class="balken">

            <a href="../team.html" class="myButton">Team</a>
            <a href="#" class="myButton">Forum</a>
            <a href="../index.html" class="myButton">Startseite</a>
            <a href="../index.html" class="myButton2">Bewerben</a>
            <a href="#" class="myButton">Voten</a>
            </div>

          <div class="ueberschrift">
            <div class="bewerben1"><p style="color: white; margin-bottom: 20px; margin-top: -50px; font-size: 25px;">Du möchtest dich bei uns Bewerben? Dann Tue dies gerne hier.</p><br /></div>
            <div class="bewerben1"><p style="color: white; margin-bottom: 20px; margin-top: -40px; font-size: 25px;">Wir freuen uns auf deine Bewerbung!</p></div>

            <hr></hr><br /><br />

          <div class="req">Felder mit einem <span class="required" style="color:red"> * </span>sind Pflichtfelder!</div>

          <label>Name</label><span class="required" style="color:red"> *</span><br />
          <br />
          <input type="text" name="Name" class="inputName" placeholder="Dein Ingame Name" size="35" autocomplete="off" style="color: white;" required/><br /><br />


          <label>E-Mail</label><span class="required" style="color:red"> *</span><br />
          <br />
          <input type="text" name="E-Mail Adresse:\n" class="inputEMail" placeholder="Deine E-Mail Adresse" size="35" autocomplete="off" style="color: white;" required/><br /><br /><br />

<!-- Hier ist das Dropdown Menü -->
        <form method="POST">
        <b>Als was möchtest du dich Bewerben?:</b><span class="required" style="color:red" required> *</span><br /><br />

        <select name="rang" class="dropAls" size="1" style="width: 328px;" required>
        <option value="" disabled selected>« Bitte auswählen »</option>
        <option style="color: black" disabled>---------------------------------------------------------------------------------</option>
        <option style="color: black">Moderator</option>
        <option style="color: black">Supporter</option>
        <option style="color: black">Designer</option>
        </select>
        </form>
      <br /><br />

      <!-- Hier ist das Dropdown Menü -->

          <label>Nachricht</label><span class="required" style="color:red"> *</span><br />
          <br />
          <textarea name="Nachricht" cols="60" rows="8" class="inputNachricht" placeholder="Bitte erzähle einiges über dich!

Bitte nenne die unten genannten Forderungen!

Dein Name:
Dein Alter
Wieso bewirbst du dich bei uns?
Warum sollten wir genau dich annehmen?"
  autocomplete="off"></textarea><br /><br />

          <input type="submit" name="submit" value="Senden"/>
        </form>

      </div>

    </body>
</html>

<!-- Hier fangen wir an die Seite zu Designen!! -->

<style>

body {
    background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.55) 70%, rgba(66, 134, 244, 0.45) 99%),
    url("../img/bg.jpg") no-repeat center center;
    background-size: cover;
    text-align: center;
  background-attachment: fixed;
  margin-top: 70px;
}

.req {
  text-align: center;
  margin-top: -30px;
  margin-bottom: 40px;
  font-family: arial;


}

:required {
  color: red;
}

.myButton:hover {
  background-color: rgba(216,0,0,0.4);
}

.balken {
  justify-content: space-between;
  padding-right: none;
  padding: 15px;
  margin-top: -60px;
  margin-bottom: 20px;
  background-color: rgba(16,0,0,0.4);
  color: white;
  text-align: center;
  height: 70px;
}

.myButton2 {
background-color:#007dc1;
display:inline-block;
color:Red;
border-radius: 10px;
font-family:Arial Black;
font-size:13px;
padding:25px 70px;
text-decoration:none;
text-shadow:0px 1px 0px #154682;

padding-right: none;
background-color: rgba(16,0,0,0.4);
text-align: center;

}

.myButton {
background-color:#007dc1;
display:inline-block;
color:#ffffff;
font-family:Arial;
font-size:13px;
padding:17px 70px;
text-decoration:none;
text-shadow:0px 1px 0px #154682;

border-radius: 10px;

padding-right: none;
background-color: rgba(16,0,0,0.4);
text-align: center;

}

.ueberschrift {
    background: rgba(0,0,0,0.4);
  padding: 87px;
  margin-left: 6px;
    font-size: 17px;
    color: white;
    font-family: Arial Black;
}

input::placeholder {
  text-align: center;
}

.inputName{
    outline: 0;
    border-radius: 5px;
}

.inputEMail {
    outline: 0;
    border-radius: 5px;
}

.inputNachricht {
    outline: 0;
    border-radius: 5px;
}

.inputGrund {
    outline: 0;
    border-radius: 5px;
}

.dropAls {
    outline: 0;
    border-radius: 5px;
    width: 335px;
    text-align: center;
    font
    height: 50px;
    color: white;
    background-color: rgba(240,255,255,0.10);
    text-align: center;
    font-family: Arial Black;
}

.dropAls:option {
  background-color: blue;
}

input {
    background-color: rgba(240,255,255,0.10);
    text-align: center;
    font-family: Arial Black;
}

textarea {
    background-color: rgba(240,255,255,0.10);
    font-family: Arial Black;
    color: white;
}

textarea.placeholder {
text-align: center;
}

.bewerben1 {
  font-family: Russo One;
}



</style>

Alles anzeigen

Und das hier ist die php Datei mit der mail Funktion (Internet):

PHP

<?php

// ======= Konfiguration:

$mailTo = 'EMAIL';
$mailFrom = '"Bewerbung';
$mailSubject    = 'Feedback';
$returnPage = 'gesendet.php';
$returnErrorPage = 'error.php';
$mailText = "";

// ======= Text der Mail aus den Formularfeldern erstellen:

// Wenn Daten mit method="post" versendet wurden:
if(isset($_POST)) {
   // alle Formularfelder der Reihe nach durchgehen:
   foreach($_POST as $name => $value) {
      // Wenn der Feldwert aus mehreren Werten besteht:
      // (z.B. <select multiple>)
      if(is_array($value)) {
          // "Feldname:" und Zeilenumbruch dem Mailtext hinzufügen
          $mailText .= $name . ":\n\n";
          // alle Werte des Feldes abarbeiten
          foreach($valueArray as $entry) {
             // Einrückungsleerzeichen, Wert und Zeilenumbruch
             // dem Mailtext hinzufügen
             $mailText .= "   " . $value . "";
          } // ENDE: foreach
      } // ENDE: if
      // Wenn der Feldwert ein einzelner Feldwert ist:
      else {
          // "Feldname:", Wert und Zeilenumbruch dem Mailtext hinzufügen
          $mailText .= $name . ": " . $value . "\n\n\n\n\n\n\n";
      } // ENDE: else
   } // ENDE: foreach
} // if

// ======= Korrekturen vor dem Mailversand

// Wenn PHP "Magic Quotes" vor Apostrophzeichen einfügt:
 if(get_magic_quotes_gpc()) {
     // eventuell eingefügte Backslashes entfernen
     $mailtext = stripslashes($mailtext);
 }

// ======= Mailversand

// Mail versenden und Versanderfolg merken
$mailSent = @mail($mailTo, $mailSubject, $mailText, "From: ".$mailFrom);

// ======= Return-Seite an den Browser senden

// Wenn der Mailversand erfolgreich war:
if($mailSent == TRUE) {
   // Seite "Formular verarbeitet" senden:
   header("Location: " . $returnPage);
}
// Wenn die Mail nicht versendet werden konnte:
else {
   // Seite "Fehler aufgetreten" senden:
   header("Location: " . $returnErrorPage);
}

// ======= Ende

exit();

?>

Alles anzeigen

Wie kann ich das genau Designen?
Also das ich BSP in der E-Mail ein Logo hinzufügen kann, oder eine Tabelle erstellen kann.

Vielleicht kann mir das jemand Anhand meines Codes zeigen.

Gruß

CuzImCloud!

CuzImCloud · 6. März 2018

Vielen Dank.

Ich muss echt noch ein wenig lernen.

Ich habe jetzt das mit "child" gemacht.

Wie muss ich des machen wenn ich noch ein 3 Teammitglied hinzufügen möchte?

Nutze derzeit wie gesagt:

Code

 nth-child(2) {

Wie in deinem Link

CuzImCloud · 6. März 2018

Vielen Dank!!

Ich habe es geschafft die Bilder zu zentrieren, jedoch die letzte Frage:

Wie kann ich den Abstand zwischen den beiden verringern?

Zentriert habe ich es mit "margin: auto;"

Aber dann ist ein sehr großer Abstand dazwischen.

Gruß!

CuzImCloud · 6. März 2018

Wo genau soll ich das hinschreiben?

Gruß

CuzImCloud · 6. März 2018

Guten Abend,

ich wollte mich mal erkundigen wie ich 2 Bilder nebeneinander machen kann, mit einem Text.

Derzeit sieht es bei mir so aus:

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

ich möchte allerdings das die beiden nebeneinander sind, inkl. Text.

Mein HTML Code:

Code

<!-- Hier fängt die 'Manager' Gruppe an! -->
  <div class="rush"><br />
  <p>Server Managment</p><br />
  <img src="img/RushLP.png" alt="" border="0">  </div>
  <p class="name2">GleichZeitig_YT</p>

  <div class="cloud">
  <img src="img/RushLP.png" alt="" border="0">  </div>
  <p class="name2">GleichZeitig_YT</p>
<!-- Hier endet die 'Manager' Gruppe! -->

Hier mein CSS Code:

Code

.name2 {
  font-size: 20px;
  font-family: Arial Black;
  color: red;
}

.rush p {
  font-size: 20px;
  font-family: Coiny;
  background-color: rgba(226,240,0,0.4);
  width: 300px;
  margin: 15px auto 18px auto;
}

.rush img {
  border: 5px solid #DCD80C;
  padding: 5px;
  margin: 0px 70px;
  border-radius: 50%;
  height: 150px;
  width: 150px;
}

.cloud p {
  font-size: 20px;
  font-family: Coiny;
  background-color: rgba(226,240,0,0.4);
  width: 300px;
}

.cloud img {
  border: 5px solid #DCD80C;
  padding: 5px;
  margin: 0px 70px;
  border-radius: 50%;
  height: 150px;
  width: 150px;
}

Alles anzeigen

Liebe Grüße!

CuzImCloud · 6. März 2018

Vielen Dank für die Antwort.

Musste den Code leider nochmal etwas ändern.

Der Code sieht jetzt so aus:

Code

<div class="leitung"><br />
      <p>Server Leitung</p>
    <img src="img/GleichZeitig.png" alt="" border="0"  ><br /><br /></div>
    <p class="geheim">GleichZeitig_YT</p>
   <br /><br /><br />

Wie mache ich das jetzt? Ich habe den "div" bereits vorher abgebrochen, da sonst das Design übernommen wird was ich nicht möchte.

Gruß!

CuzImCloud · 6. März 2018

Guten Tag,

ich habe da eine Kleine Frage zu meinem CSS und HTML Code.

Ich möchte gerne beim Hovern über ein Bild einen Text anzeigen lassen.

Dies klappt jedoch nicht so ganz, eventuell jemand da der mir da behilflich sein könnte?

Mein HTML Schnipsel:

Code

<div class="leitung"><br />
      <p>Server Leitung</p>
    <img src="img/GleichZeitig.png" alt="" border="0"  ><br /><br />
    <p class="geheim">TEST</p>
  </div><br /><br /><br />

Mein CSS Schnipsel:

Code

.geheim {
  display: none;
}

.leitung img:hover > .geheim {
  display: block;
}

Hoffe mir kann da jemand weiterhelfen.

Gruß!

CuzImCloud · 6. März 2018

Wenn du mir erklärst wie das geht, wäre ich dir sehr dankbar

Gruß

CuzImCloud · 6. März 2018

Guten Tag,

ich bin gerade dabei ein Bewerbungsformular zu erstellen.

Jetzt bin ich an dem Punkt angekommen wo ich nicht mehr weiter weiß.

Ich habe via. PHP einen Code mit dem E-Mail versendet werden.

Die E-Mail die später im Postfach ankommt sieht genau so aus:

Screen: [Blockierte Grafik: https://abload.de/img/e-mail20scb.png]

Jetzt habe ich 2 Große Fragen.

1. Wie kann ich die E-Mail Designen? Also etwas schöner gestalten, Zum Beispiel mit Zeilenumbrüchen.

2. Bei jeder E-Mail steht am Ende "submit: Senden" dies sollte eigentlich nicht dabei stehen. Vielleicht kann mir dabei ja einer helfen.

Der PHP Code:

PHP

<?php

//Konfiguration:

$mailTo = 'E_MAIL';
$mailFrom = '"SERVER';
$mailSubject    = 'Feedback';
$returnPage = 'gesendet.php';
$returnErrorPage = 'error.php';
$mailText = "Über das Formular ist eine Nachricht eingegangen: \n \n------------------------------ \n \n";


 //Formularfeldern:


if(isset($_POST['submit'])) {

   foreach($_POST as $name => $value) {
      if(is_array($value)) {
          $mailText .= $name . ":\n";

    foreach($valueArray as $entry) {
    $mailText .= "   " . $value . "\n";
          }
      }

      else {

          $mailText .= $name . ": " . $value . "\n";
      }
   }
}



// ======= Mailversand
$mailSent = @mail($mailTo, $mailSubject, $mailText, "From: ".$mailFrom);



// Wenn der Mailversand erfolgreich war:

if($mailSent == TRUE) {
   header("Location: " . $returnPage);
}

else {
   header("Location: " . $returnErrorPage);
}


exit();

?>

Alles anzeigen

Hoffe mir kann jemand Helfen.

Liebe Grüße

CuzImCloud

CuzImCloud · 6. März 2018

//closed

CuzImCloud · 5. März 2018

Guten Tag,

ich wollte mal nachfragen wie ich das Dropdown Menü designen kann?

Sprich wenn ich das Dropdown Menü mit dem Pfeil öffne kommen unten ja die ganzen optionen.

Wie kann ich diese bearbeiten? Sprich Schriftfarbe, Hintergrund des Menüs.

Über Rückmeldung würde ich mich freuen.

CuzImCloud

CuzImCloud · 5. März 2018

Ja meine ich, möchte gerne einen einbauen.

Kann gut sein, aber ich mag es nicht wenn in 0.5 sek die Seite wechselt. Lieber dazwischen einen Screen.

Wäre nett wenn jemand einen Code hat.

Gruß

CuzImCloud · 5. März 2018

Guten Tag,

ich wollte mal fragen, wie ich eine kleinen Ladescreen zwischen 2 Seiten machen kann.

Heißt wenn ich jtz bsp auf der index.html bin und auf index.php (Wäre mein Bewerbungsformular) wie ich zwischen den 2 Seiten einen Ladescreen setzen kann.

Hoffe mir kann das jmd erklären und auch sagen wo genau ich den Code einsetzen muss.

Gruß

CuzImCloud

CuzImCloud · 5. März 2018

Hallo und danke für die sehr schnelle Antwort.

Ich habs dann doch auch recht schnell gefunden!!

Für alle die das Problem auch habe:

Macht einfach "outline: 0;"

Gruß

//closed

CuzImCloud · 5. März 2018

Guten Tag,

ich habe da eine Frage, undzwar bin ich derzeit dabei ein Bewerbungsformular zu machen, und möchte sehr gerne die Input Boxen Abrunden, dies klappt soweit auch ganz gut, jedoch kommt immer ein Blauer Rand wenn ich auf die Input Box mache.

Screen folgt:

[Blockierte Grafik: https://abload.de/img/ohnenameqhs9k.png] - Hier sieht man das ich die Box abgerundet habe.

[Blockierte Grafik: https://abload.de/img/mitrandk5smy.png] - Hier sieht man die Abgerundete Box mit einem Blauen Rand, der viereckig ist.

Das sieht finde ich nicht so schön aus und wollte fragen ob man diesen Blauen Rand entfernen kann, oder auch abrunden kann.

Über eine Rückmeldung würde ich mich sehr freuen.

Gruß

CuzImCloud

Beiträge von CuzImCloud

PHPMail Designen

PHPMail Designen

PHPMail Designen

PHPMail Designen

2 Bilder nebeneinander

2 Bilder nebeneinander

2 Bilder nebeneinander

2 Bilder nebeneinander

Hover Text

Hover Text

E-Mail gestalten

E-Mail gestalten

Ladescreen zwischen 2 Seiten

Dropdown <option>

Ladescreen zwischen 2 Seiten

Ladescreen zwischen 2 Seiten

Input Feld

Input Feld