Beiträge von ronsenbonsen

ronsenbonsen · 23. Januar 2018

Hallo,

ich habe folgenden Code: (ist nur der betroffene Teil und nicht der ganze)

PHP

$loop = new WP_Query($args);

if ( $loop->have_posts() ) : ?>
<section id="related-portfolio" class="grid full">
<?php if( ft_get_option('portfolio_related_heading') ) : ?>
<div class="heading">
<h3><?php echo ft_get_option('portfolio_related_heading'); ?></h3>
<div class="sep"></div>
</div>
<?php endif; ?>

<div class="portfolio-items row">
<?php while ( $loop->have_posts() ) : $loop->the_post(); $i++ ?>
<div class="portfolio-item grid <?php echo $grid; ?>">
<?php get_template_part('includes/content', 'portfolio'); ?>
</div>

<?php if( $i == $column ) echo '<div class="clear"></div>'; ?>
<?php endwhile; ?>
</div>
</section>
<?php endif; ?>
<?php wp_reset_postdata(); ?>

<?php endif; ?>

<?php endwhile; ?>

Alles anzeigen

Wie schaff ich es, dass die posts zufällig generiert werden? Insgesamt sind es aktuell 12 posts die zufällig dargestellt werden sollen -> bisher werden aber einfach nur die 4 zuletzt erstellten posts angezeigt

ronsenbonsen · 23. Januar 2018

Vielen Dank für eure Hilfe

Ich muss jetzt nur mal schauen wie ich das am besten umsetze, das Portfolio wird mittels PHP generiert und da kenn ich mich nicht so aus

Ich versuch mal das Portfolio mit normalen html & css zu gestalten, wenns klappt kann das Thema auch schon geschlossen werden ansonsten müsste mir bitte noch jemand helfen das in php umzusetzen

ronsenbonsen · 23. Januar 2018

Also ich muss sagen, dass das bei mir alles gleich aussieht und nirgends eine Verzögerung ist (liegt's vielleicht auch am Browser? Hab Firefox 52.5.3)

ronsenbonsen · 22. Januar 2018

Ja perfekt genau so meint ich das danke dir basti

und gibts noch ne möglichkeit wie ich das hoverbild erst verzögert anzeigen lassen kann, nach 0,5 sek bspw, dass man mit der Maus über das Portfolio fahren kann ohne dass die ganze Zeit die Bilder hin und her switchen?

Habs schon mit transition/transition-delay versucht, funktioniert bei mir aber irgendwie nicht

ronsenbonsen · 19. Januar 2018

Zu Frage 2: Nein, as geht leider nicht da PHP eine serverseitige Sprache ist.

Der PHP Code wird sozuasgen im Server zu HTML verarbeitet und das wird dann an deinen Browser geschickt.

Bei ersteren kann ich leider nicht weiterhelfen, da sich die Frage bei Wordpress erübrigt

EDIT: Du brauchst auf jeden Fall einen Server um PHP auszuführen, XAMPP eignet sich da gut und wenn du das eingerichtet hast, versuch mal .php statt .html als Dateiendung. Ich denke dann sollte es funktionieren.

EDITEDIT: Also hab dein Code eben mal durchlaufen lassen, bei mir kommt ne Fehlermeldung:

"Fatal error: Call-time pass-by-reference has been removed in C:\xampp\htdocs\test\neu.php on line 43"

ronsenbonsen · 17. Januar 2018

Die Schachtel findest du im 1. Projekt. Hier noch der direkte Link

http://www.tillmann-verpackung…ombinationen/#prettyPhoto

Und wie mach ich das am besten?

Bei PHP kenn ich mich nur minimal aus und bei JS fast gar nicht.

Wenn das jetzt aber viel Aufwand bereitet da eine Lösung zu präsentieren dann bitte nicht machen, das soll nur eine Übergangslösung sein die in 1-2 Monaten ohnehin wieder ersetzt wird.

ronsenbonsen · 17. Januar 2018

Aus der Style.css

Code

.portfolio-items .item .overlay{
    display: none;
    background: #94BA65;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    opacity: 0;
}

Aus dem Theme

PHP

<div class="overlay">
<a class="view-link" href="<?php echo get_permalink(); ?>" rel="bookmark"><?php _e('Projekt anzeigen', THEME_FX); ?></a>
</div>

ronsenbonsen · 17. Januar 2018

Hallo zusammen,

schaut mal hier http://www.tillmann-verpackungen.com/pages/referenzen/

Wenn man mit der Maus über die Bilder fährt, färbt sich der Hintergrund rot.

Frage: wie schaffe ich es, dass der Hintergrund nicht rot wird sondern dass sich der Hintergrund komplett ändert und ein Bild aus dem Projekt anzeigt?

Also z.B. bei dem 1. Projekt hätte ich gerne statt den roten Hintergrund die schwarze Schachtel angezeigt.

Mit Html und CSS komm ich da nicht weiter, oder?

PS: Sollte das im PHP Forum falsch sein, dann bitte verschieben

ronsenbonsen · 17. Januar 2018

Danke nochmal Semper

ronsenbonsen · 16. Januar 2018

Hi Sempervivum, 1000 Dank dafür genau so hat ich das im Sinn :))))

Allerdings zeigt es mir gar nichts an sobald ich es bei Wordpress einfüge. Die Datei von dir, wird mir aber ganz normal angezeigt

ronsenbonsen · 15. Januar 2018

Danke für die raschen Antworten, habt mir schon mal sehr weitergeholfen

ronsenbonsen · 15. Januar 2018

Code

<head>
        <style>
            *{
                margin: 0;
                padding: 0;
            }
            #render{
                display: flex;
                flex-direction: row;
            }
            #projektinfo{
                width: 5%;
                background-color: lightgrey;
                padding-bottom: 7em; 
            }
            #projektinfo div{
                margin-top: 3em; 
            }
            #projektinfo div p{
                white-space:nowrap;
                transform: rotate(90deg);
                font-size: 2em;
                font-weight: bold;
            }
            #projektdaten{
                width: 95%;
                background-color: white;            
            }
            #projektdaten article{
                padding-left: 1em;
            }
            #projektdaten article p.ueberschrift{
                text-decoration: underline;
                font-weight: bold;
            }
            @media only screen and (max-width: 700px){
               #projektinfo{
                    width: 10%;
               }
                #projektdaten{
                    width: 90%;
                }
            }
        </style>
    </head>
    <body>
        <main>
            <div id="render">
               <section id="projektinfo">
                    <div>
                        <p>Projektinformationen</p>
                    </div>
                </section>
                <section id="projektdaten">
                   <article>
                       <p class="ueberschrift">Wie viele Teile</p>
                       <p>[text Anzahl]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Anliefermenge</p>
                       <p>[text menge]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Einmalig / Wiederkehrend</p>
                       <p>[checkbox wdh "Einmalig" "Wiederkehrend"]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Zielpreis</p>
                       <p>[text zielpreis]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Zeitrahmen</p>
                       <p>[text zeitrahmen]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Entwicklungsumfang</p>
                       <p>[text entwicklungsumfang]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Aufgabe</p>
                       <p>[text aufgabe]</p>
                   </article>
               </section> 
            </div>
&nbsp;
            <div id="render">
                <section id="projektinfo">
                    <div>
                        <p>Vorgabe Lager / Transport / Gewichte</p>
                    </div>
                </section>
                <section id="projektdaten">
                    <article>
                        <p class="ueberschrift">Was soll verpackt werden</p>
                        <p>[text produkt]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Einweg/Mehrweg</p>
                        <p>[checkbox EinwegMehrweg "Einweg" "Mehrweg"]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Vorstellungen</p>
                        <p>[text vorstellungen]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Packeinheiten/Packdichte</p>
                        <p>[text packdichte]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Optimierung auf bestmögliche Packdichte oder günstigster Preis</p>
                        <p>[checkbox optimierung "Bestmögliche Packdichte" "Günstigster Preis"]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Anlieferzustand</p>
                        <p>[checkbox anlieferzustand "flachliegend" "aufgerichtet"]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Gibt es eine Umverpackung</p>
                        <p>[checkbox umverpackung "Ja" "Nein"]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Transportweg</p>
                        <p>[text transportweg]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Vorgabe maximale/minimale Verpackungsmaße wegen Lager und Logistik</p>
                        <p>[dynamictext max "Maximale Maße"] [dynamictext min "Minimale Maße"]    [text verpackungsmase]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Teilegewicht in kg</p>
                        <p>[text teilegewicht]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Vorgabe max Gewicht</p>
                        <p>[text MaxGewicht]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Stapelung im Lager (1+x, statisch)</p>
                        <p>[text stapelungLager]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Stapelung LKW/Container (1+x, dynamisch)</p>
                        <p>[text stapelungLKW]</p>
                    </article>
                </section>
            </div>
&nbsp;
            <div id="render">
                <section id="projektinfo">
                    <div>
                        <p>Teilelage- / Schutz</p>
                    </div>
                </section>
                <section id="projektdaten">
                    <article>
                        <p class="ueberschrift">Gibt es eine vorgegebene Teilelage?</p>
                        <p>[text teilelage]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Müssen alle Teile gleiche Lage haben?</p>
                        <p>[text gleicheLage]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Empfindlichkeit der Ware</p>
                        <p>[text empfindlichkeit]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Dürfen sich Teile berühren?</p>
                        <p>[checkbox beruehren "Ja" "Nein"]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Darf auf den Teilen gestapelt werden? (ggf. mit Zwischenlagen)</p>
                        <p>[checkbox stapelung "Ja" "Nein"]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Werden die Verpackungen von Hand oder per Automat bestückt/geleert?</p>
                        <p>[checkbox bestueckung "Von Hand" "Per Automat"]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">ESD Schutz?</p>
                        <p>[checkbox esd "Ja" "Nein"]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Materialeinschränkungen / Ein-Stoff-Verpackung</p>
                        <p>[text materialeinschraenkung]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Kommt die Verpackung mit Flüssigkeiten in Berührung?</p>
                        <p>[text fluessigkeit]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Sonstige Bemerkungen</p>
                        <p>[textarea sonstiges placeholder "Sonstige Bemerkungen"]</p>
                    </article>
                </section>
            </div>
&nbsp;
            <div id="render">
                <section id="projektinfo">
                    <div>
                        <p>Kontaktdaten</p>
                    </div>
                </section>
                <section id="projektdaten">
                    <article>
                        <p class="ueberschrift">Firma</p>
                        <p>[text your-firm]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Name</p>
                        <p>[text* your-name]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">E-Mailadresse</p>
                        <p>[text* your-email]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Telefonnummer</p>
                        <p>[text telefon]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Adresse</p>
                        <p>[textarea adresse]</p>
                    </article>
                    <article>
                        <p>[submit "Senden"]</p>
                    </article>
                </section>
            </div>    
        </main>
    </body>
</html>

Alles anzeigen

ronsenbonsen · 15. Januar 2018

Die IDs ändere auch noch ab aber danke für den Tip

Ich hab das jetzt soweit alles abgeändert (bis auf Klassen), ich musst aber "height:100vh;" raus löschen -> wofür war das gewesen?

Allerdings steh ich nun auch schon vor dem nächsten Problem, das ist jetzt natürlich alles unendlich lang und wird so wahrscheinlich selten zum Abschluss gebracht.
Mein Gedanke wäre, dass man ähnlich wie in folgenden Google Formular , zwischen den einzelnen Abschnitten blättern kann. Wie könnte ich das am geschicktesten umsetzen?

Das Google Formular würde ich auch nehmen, allerdings bekomm ich es nicht hin, dass die Höhe sich an die Abschnitte anpasst, kann nur mit px angaben arbeiten (height:100% oder height:auto funktioniert nicht, wenn ich den height wert gänzlich weg lasse, passiert auch nichts) und das sieht komisch aus und wird vorallem auf dem Handy wahrscheinlich mehr schlecht als recht ausschauen.

ronsenbonsen · 12. Januar 2018

Hallo

ich bastle gerade an einen Entwicklungslastenheft in dem man seine Anforderungen eintragen und direkt verschicken kann.

Da manche Felder erklärungsbedürftig sind, dachte ich mir dass ich neben diesem Feldern einen Infobutton einfüge, welcher wenn man mit der Maus drüber fährt ein Textfeld anzeigt in dem das Feld erklärt wird.

Ich weiß leider nicht genau wie man das nennt aber hoffe Ihr wisst was ich meine.

Wie könnte man das am besten umsetzen?

Gruß Ronny

ronsenbonsen · 12. Januar 2018

Ich wollte jetzt unter den Produktinfos exakt dasselbe darstellen nur statt in der "1. Spalte" Lager / versand / Gewicht stehen soll statt Produktinfos,

irgendwie zerhaut der mir das aber und schreibt alle 3 Wörter untereinander, weswegen dass dann nicht mehr gut aussieht. (s. Screenshot)

Woran könnte das liegen?
html-seminar.de/woltlab/attachment/1327/

hier noch der Code

Code

<head>
        <style>
            *{
                margin: 0;
                padding: 0;
            }
            #render{
                display: flex;
                flex-direction: row;
            }
            #projektinfo{
                width: 5%;
                background-color: lightgrey;
                padding-bottom: 7em;  
            }
            #projektinfo div{
                margin-top: 3em; 
            }
            #projektinfo div p{
                transform: rotate(90deg);
                font-size: 2em;
                font-weight: bold;
            }
            #projektdaten{
                width: 95%;
                background-color: white;
            }
            #projektdaten article{
                padding-left: 1em;
            }
            #projektdaten article p.ueberschrift{
                text-decoration: underline;
                font-weight: bold;
            }
            @media only screen and (max-width: 700px){
               #projektinfo{
                    width: 10%;
               }
                #projektdaten{
                    width: 30%;
                }
            }
        </style>
    </head>
    <body>
        <main>
            <div id="render">
               <section id="projektinfo">
                    <div>
                        <p>Projektinformationen</p>
                    </div>
                </section>
                <section id="projektdaten">
                   <article>
                       <p class="ueberschrift">Wie viele Teile</p>
                       <p>[text Anzahl]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Anliefermenge</p>
                       <p>[text menge]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Einmalig / Wiederkehrend</p>
                       <p>[checkbox wdh "Einmalig" "Wiederkehrend"]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Zielpreis</p>
                       <p>[text zielpreis]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Zeitrahmen</p>
                       <p>[text zeitrahmen]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Entwicklungsumfang</p>
                       <p>[text entwicklungsumfang]</p>
                   </article>
                   <article>
                       <p class="ueberschrift">Aufgabe</p>
                       <p>[text aufgabe]</p>
                   </article>
               </section> 
            </div>
&nbsp;
<div id="render">
<section id="projektinfo">
  <div>
    <p>Vorgabe Lager / Transport / Gewichte</p>
  </div>
</section>
<section id="projektdaten">
                    <article>
                        <p class="ueberschrift">Was soll verpackt werden</p>
                        <p>[text produkt]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Einweg/Mehrweg</p>
                        <p>[checkbox EinwegMehrweg "Einweg" "Mehrweg"]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Vorstellungen</p>
                        <p>[text vorstellungen]</p>
                    </article>
                    <article>
                        <p class="ueberschrift">Packeinheiten/Packdichte</p>
                        <p>[text packdichte]</p>
                    </article>
</section>
</div>
        </main>
    </body>
    </html>

Alles anzeigen

ronsenbonsen · 11. Januar 2018

Hallo,

also die Schriftart finde ich ebenfalls zu klein aber viel schlimmer finde ich die portfolioseite. Wieso hast du da ein komplett anderes Design im neuen tab gemacht? Mach das doch besser im bestehenden Design ohne einen neuen tab aufzumachen - ist doch für den Nutzerfluss besser

Ansonsten ist die Seite aber in Ordnung.

ronsenbonsen · 11. Januar 2018

Ich würde dir disallow empfehlen und nicht allow, da allow eher für Unterverzeichnisse in gesperrten Hauptverzeichnissen gedacht ist.

Deswegen einfach hinter disallow: alle Seiten eintragen die nicht durchcrawlt werden sollen.

Also in deinem Beispiel dann:

disallow: /bilder

/alte_versionen

ronsenbonsen · 11. Januar 2018

Vielen vielen Dank Stef und Basti für die Hilfe, das sieht jetzt richtig gut aus

Den Input mache ich dann mittels contactform 7 tags, dann kann das ganze auch direkt an mich versendet werden.

ronsenbonsen · 10. Januar 2018

Ja genau so soll das am Ende aussehen

Werde das nachher auch mal mit margin probieren, nur mit Prozent- statt absoluten Zahlen.

Aber interessehalber würd mich trotzdem noch interessieren wieso die Spalte so groß ist, obwohl ich die Größe mit width eingestellt hatte.

ronsenbonsen · 10. Januar 2018

Also einen Konverter kenne ich nicht aber du könntest die Dateien nochmal mit einem WYSIWYG Editor erstellen. Damit geht's auch ohne CSS Kenntnisse.

Beiträge von ronsenbonsen

Related postss -> Zufällig

Portfolio Vorschaubild Wordpress

Portfolio Vorschaubild Wordpress

Portfolio Vorschaubild Wordpress

phpfür anfänger

Portfolio Vorschaubild Wordpress

Portfolio Vorschaubild Wordpress

Portfolio Vorschaubild Wordpress

Tabellenformatierungsproblem

Tabellenformatierungsproblem

Infobutton

Tabellenformatierungsproblem

Tabellenformatierungsproblem

Infobutton

Tabellenformatierungsproblem

Brauche Feedback

Einstellung der robots.txt Datei

Tabellenformatierungsproblem

Tabellenformatierungsproblem

womit kann ich HTML-Code ohne CSS erzeugen ?