[SAMMELTHREAD] Kleine Coding Fragen

Ensar309 · 16. Juni 2020

Zitat von iTsMaho

6B1DD70D-F3DD-452D-83BD-1696FFA6DA4D.jpeg

Die sind Farblos wie kann man die mit Farben einfügen?

Maho · 16. Juni 2020

Zitat von Ahmatabuantar

Die sind Farblos wie kann man die mit Farben einfügen?

ja ach du musst html Codes verwenden.

<span style="text-shadow: 0px 0px 5px #HTML COLoR CODE">%s</span>

Ensar309 · 16. Juni 2020

Zitat von iTsMaho

ja ach du musst html Codes verwenden.

<span style="text-shadow: 0px 0px 5px #HTML COLoR CODE">%s</span>

Bei "Color code" den Farbcode eingeben den ich möchte oder?

Maho · 16. Juni 2020

Ja das HTML Color Code durch dein colorcode ersetzen.

Ensar309 · 16. Juni 2020

Zitat von iTsMaho

Ja das HTML Color Code durch dein colorcode ersetzen.

Und wo muss ich das machen bei den Benutzergruppen oder Benutzerränge

Maho · 16. Juni 2020

Benutzergruppen

Ensar309 · 16. Juni 2020

SharedScreenshot.jpg

Ist das Normal? das wir gleiche Farben haben?

//edit: Er ist Head Admin ich Projektleiter

Safi · 16. Juni 2020

Zitat von Ahmatabuantar

SharedScreenshot.jpg

Ist das Normal? das wir gleiche Farben haben?

//edit: Er ist Head Admin ich Projektleiter

also ich sehe da was anderes ka

Ensar309 · 17. Juni 2020

Zitat von Safi

also ich sehe da was anderes ka

Lul, Ich bin farbenblind xD

Safi · 17. Juni 2020

Zitat von Ahmatabuantar

Lul, Ich bin farbenblind xD

Naja nimm mal knalligere Farben. Führt sonst zu Verwirrungen wie gerade bei dir der Fall ist. Haha

Ensar309 · 17. Juni 2020

Zitat von Safi

Naja nimm mal knalligere Farben. Führt sonst zu Verwirrungen wie gerade bei dir der Fall ist. Haha

Kannst du mir Paar Codes schicken bitte?

Wie kann ich diese z.b. Angenommen/Abgelehnt Labels erstellen?

Maho · 17. Juni 2020

Zitat von Ahmatabuantar

Kannst du mir Paar Codes schicken bitte?

Wie kann ich diese z.b. Angenommen/Abgelehnt Labels erstellen?

Alta Google, Woltlab + Labels

Safi · 17. Juni 2020

Zitat von Ahmatabuantar

Kannst du mir Paar Codes schicken bitte?

Wie kann ich diese z.b. Angenommen/Abgelehnt Labels erstellen?

Projektleiter: #190707

Head-Admin: #FF0000

Admin: #0000FF

Supporter: #74DF00

Benutzer/Normaleruser: #424242

Donator: #04B4AE

Bitte sehr

-------------------------------------------------------------

Zitat von Ahmatabuantar

Wie kann ich diese z.b. Angenommen/Abgelehnt Labels erstellen?

Geh Adminpanel unter Inhalt und danach Labelgruppen. Kannst dir dann dort Labels erstellen.

lg

Ensar309 · 18. Juni 2020

Wie kann ich sowas machen auf mein Forum:

Grüne Benachrichtigung

LeonMrBonnie · 18. Juni 2020

Das nennt sich glaube ich "Hinweise" danach musst du mal im ACP irgendwo suchen

static · 29. Juni 2020

Bin komplett neu in HTML und CSS und will nun den linken Container komplett mit dem Video füllen. Einer Ahnung?

pasted-from-clipboard.png

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    <link href="http://netdna.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
    
    <style type="text/css">
        body {
            margin-top:20px;
            background-color: transparent;
        }
        .container {
            margin-right: auto;
            margin-left: auto;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%;
        }

        @media (min-width: 576px) {
            .container {
                max-width: 540px;
            }
        }

        @media (min-width: 768px) {
            .container {
                max-width: 720px;
            }
        }

        @media (min-width: 992px) {
            .container {
                max-width: 960px;
            }
        }

        @media (min-width: 1200px) {
            .container {
                max-width: 1140px;
            }
        }

        .card-columns .card {
            margin-bottom: 0.75rem;
        }

        @media (min-width: 576px) {
            .card-columns {
                column-count: 3;
                column-gap: 1.25rem;
            }
            .card-columns .card {
                display: inline-block;
                width: 100%;
            }
        }
        .text-muted {
            color: #ff7878 !important;
        }

        p {
            margin-top: 0;
            margin-bottom: 1rem;
        }

        .input-group {
            position: relative;
            display: flex;
            width: 100%;
        }
        #logo { 
            display: flex; 
            justify-content: center; 
            color: white;
            text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        }

        #registerButton {
            background-color: rgba(17, 104, 50, 0.95);
            color: #ffffff;
        }
        #registerButton:hover {
            background-color: rgba(17, 106, 50, 0.95);
            border-color: rgba(255, 255, 255, 0.76);
        }

        .card-group {
            -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
        }

        video#videoplay {
            position: absolute;
            z-index: 0;
            top: 0px;
            left: 0px; /* fixed to left. Replace it by right if you want.*/
            height: auto;
        }
    </style>
</head>
<body>
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
    <br>
    <br>
    <div id="logo">
    </div>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card-group mb-0">
                    <div class="card p-4" style="background-color: transparent;">
                        <video id="videoplay" autoplay loop nocontrols controlsList="nodownload" width="100%;" height="100%;">
                            <source src="trailer.mp4" type="video/mp4"/>
                         </video>
                    </div>
                    <div class="card text-white p-4 d-md-down-none" style="background-color: #ffffff;">
                        <div class="card-body text-center"> 
                            <img src="https://pre00.deviantart.net/70ed/th/pre/f/2015/125/7/e/gta_v_gold_logo_by_eduard2009-d8s8tfk.png" style="width:200px;height:200px;">
                            <br>
                            <br>
                            <div class="md-form form-lg">
                                <input type="text" id="inputLGEx" class="form-control form-control-lg">
                                <label for="inputLGEx">Large input</label>
                              </div>
                            <div class="row">
                                <button id="registerButton" type="button" class="btn btn-primary btn-block">Anmelden</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="page.js"></script>
</body>
</html>

Alles anzeigen

IPrototypeI · 29. Juni 2020

Zitat von static

Bin komplett neu in HTML und CSS und will nun den linken Container komplett mit dem Video füllen. Einer Ahnung?

pasted-from-clipboard.png

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    <link href="http://netdna.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
    
    <style type="text/css">
        body {
            margin-top:20px;
            background-color: transparent;
        }
        .container {
            margin-right: auto;
            margin-left: auto;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%;
        }

        @media (min-width: 576px) {
            .container {
                max-width: 540px;
            }
        }

        @media (min-width: 768px) {
            .container {
                max-width: 720px;
            }
        }

        @media (min-width: 992px) {
            .container {
                max-width: 960px;
            }
        }

        @media (min-width: 1200px) {
            .container {
                max-width: 1140px;
            }
        }

        .card-columns .card {
            margin-bottom: 0.75rem;
        }

        @media (min-width: 576px) {
            .card-columns {
                column-count: 3;
                column-gap: 1.25rem;
            }
            .card-columns .card {
                display: inline-block;
                width: 100%;
            }
        }
        .text-muted {
            color: #ff7878 !important;
        }

        p {
            margin-top: 0;
            margin-bottom: 1rem;
        }

        .input-group {
            position: relative;
            display: flex;
            width: 100%;
        }
        #logo { 
            display: flex; 
            justify-content: center; 
            color: white;
            text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
        }

        #registerButton {
            background-color: rgba(17, 104, 50, 0.95);
            color: #ffffff;
        }
        #registerButton:hover {
            background-color: rgba(17, 106, 50, 0.95);
            border-color: rgba(255, 255, 255, 0.76);
        }

        .card-group {
            -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
        }

        video#videoplay {
            position: absolute;
            z-index: 0;
            top: 0px;
            left: 0px; /* fixed to left. Replace it by right if you want.*/
            height: auto;
        }
    </style>
</head>
<body>
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
    <br>
    <br>
    <div id="logo">
    </div>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card-group mb-0">
                    <div class="card p-4" style="background-color: transparent;">
                        <video id="videoplay" autoplay loop nocontrols controlsList="nodownload" width="100%;" height="100%;">
                            <source src="trailer.mp4" type="video/mp4"/>
                         </video>
                    </div>
                    <div class="card text-white p-4 d-md-down-none" style="background-color: #ffffff;">
                        <div class="card-body text-center"> 
                            <img src="https://pre00.deviantart.net/70ed/th/pre/f/2015/125/7/e/gta_v_gold_logo_by_eduard2009-d8s8tfk.png" style="width:200px;height:200px;">
                            <br>
                            <br>
                            <div class="md-form form-lg">
                                <input type="text" id="inputLGEx" class="form-control form-control-lg">
                                <label for="inputLGEx">Large input</label>
                              </div>
                            <div class="row">
                                <button id="registerButton" type="button" class="btn btn-primary btn-block">Anmelden</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="page.js"></script>
</body>
</html>

Alles anzeigen

Probier es mal mit

Code

        video#videoplay {
            position: absolute; 
            right: 0; 
            bottom: 0;
            object-fit: cover;
            overflow: hidden;
        }

static · 29. Juni 2020

Okay sehr geil schon mal. Ich habe oben und unten aber noch die schwarzen Balken..

pasted-from-clipboard.png

Syno · 29. Juni 2020

Zitat von static

Okay sehr geil schon mal. Ich habe oben und unten aber noch die schwarzen Balken..

Ist das vielleicht im Video schon so?

Beitrag von ChrisL (22. Juni 2020)