Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen, post: 789139, member: 25287"]Hi,
Allerdings wäre ein Link zum Problem besser, dann könnte man direkt schauen, welche CSS Klassen du dafür genau definieren musst.
Hallo Marcus,
vielen Dank für deine Antwort. Ich habe zunächst auch gedacht, dass es am fehlenden Platz liegt. Kürze ich jedoch das Datum und "Kommentar" ab, springt mir der Like-Button weiterhin nach unten :-/
Mein Problem kannst du direkt auf http://www.milkbubi.de betrachten.
Hallo zusammen,
mangels meiner Kenntnisse bekomme ich es nicht hin, dass der "Like-Bereich" in der mobilen Ansicht in der Zeile bleibt, sprich direkt rechts neben dem Datum erscheint, sondern einen Zeilenumbruch macht.
Kann mir hier jemand weiterhelfen? Tausend Dank.
Ich weiß ja nicht mal, ob ich hierzu am Theme was ändern muss, oder am Plugin?
Plugin:
.likeit-text, .likeit-count {
border: 2px solid #0ad;
display: inline-block;
text-align: center;
padding: 1px 5px;
font-size: 0.8em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.likeit-text {
color: #fff;
background-color: #0ad;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}
.likeit-canvote .likeit-text {
cursor: pointer;
}
.likeit-count {
cursor: default;
background-color: #f6f6f6;
border-left: 0;
color: #757575;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
font-weight: bold;
}
Ausschnitt aus der funktions.php
<div class="post-meta">
<?php if ( is_sticky() ) : ?>
<p class="post-sticky is-sticky"><span class="fa fw fa-thumb-tack"></span><?php echo __( 'Sticky', 'iwata' ) . '<span> ' . __( 'Post', 'iwata' ) . '</span>'; ?></p>
<?php endif; ?>
<?php if ( get_post_type() == 'post' ) : ?>
<p class="post-date"><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><span class="fa fw fa-calendar-o"></span><?php the_time(get_option( 'date_format' ) ); ?></a> </p>
<?php endif; ?>
<?php if ( comments_open() ) : ?>
<p class="post-comments">
<?php comments_popup_link( '<span class="fa fw fa-comment-o"></span>0 ' . __( 'Kom', 'iwata' ), '<span class="fa fw fa-comment"></span>1 ' . __( 'Kommentar', 'iwata' ), '<span class="fa fw fa-comments"></span>% ' . __( 'Kommentare', 'iwata' ) ); ?></p>
<?php endif; ?>
<p class="post-date"><?php if(function_exists("likeit_button")) likeit_button(); ?></p>
</div><!-- .post-meta -->
Hallo zusammen, ich habe mir soeben das Logo Slideshow Wordpress Plugin siehe hier eingebaut und möchte daraus eine Endlosschleife machen, d. h. das die Show dann von vorne beginnt und es immer weiterläuft, nicht aufhört.
Auf meiner Homepage habe ich es am laufen http://www.neuborkia.de, doch wie bekomme ich diese Endlosschleife hin? Ich möchte mich im Voraus bedanken (:
image-slideshow.js
var displayWaitMessage=true; // Display a please wait message while images are loading?
var activeImage = false;
var imageGalleryLeftPos = false;
var imageGalleryWidth = false;
var imageGalleryObj = false;
var maxGalleryXPos = false;
var slideSpeed = -1;
var imageGalleryCaptions = new Array();
function startSlide(e)
{
if(document.all)e = event;
var id = this.id;
if(this.id=='arrow_right'){
slideSpeedMultiply = Math.floor((e.clientX - this.offsetLeft) / 5);
slideSpeed = -1*slideSpeedMultiply;
slideSpeed = Math.max(-10,slideSpeed);
}else{
slideSpeedMultiply = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
slideSpeed = 1*slideSpeedMultiply;
slideSpeed = Math.min(10,slideSpeed);
if(slideSpeed<0)slideSpeed=10;
}
}
function releaseSlide()
{
var id = this.id;
slideSpeed=-1;
}
function gallerySlide()
{
if(slideSpeed!=0){
var leftPos = imageGalleryObj.offsetLeft;
leftPos = leftPos/1 + slideSpeed;
if(leftPos>maxGalleryXPos){
leftPos = maxGalleryXPos;
slideSpeed = 0;
}
if(leftPos<minGalleryXPos){
leftPos = minGalleryXPos;
slideSpeed=0;
}
imageGalleryObj.style.left = leftPos + 'px';
}
setTimeout('gallerySlide()',50);
}
function showImage()
{
if(activeImage){
activeImage.style.filter = 'alpha(opacity=50)';
activeImage.style.opacity = 0.5;
}
this.style.filter = 'alpha(opacity=100)';
this.style.opacity = 1;
activeImage = this;
}
function initSlideShow()
{
document.getElementById('arrow_left').onmousemove = startSlide;
document.getElementById('arrow_left').onmouseout = releaseSlide;
document.getElementById('arrow_right').onmousemove = startSlide;
document.getElementById('arrow_right').onmouseout = releaseSlide;
imageGalleryObj = document.getElementById('theImages');
imageGalleryLeftPos = imageGalleryObj.offsetLeft;
imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth - 80;
maxGalleryXPos = imageGalleryObj.offsetLeft;
minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;
var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
for(var no=0;no<slideshowImages.length;no++){
slideshowImages[no].onmouseover = showImage;
}
var divs = imageGalleryObj.getElementsByTagName('DIV');
for(var no=0;no<divs.length;no++){
if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
}
gallerySlide();
}
function showPreview(imagePath,imageIndex){
var subImages = document.getElementById('previewPane').getElementsByTagName('IMG');
if(subImages.length==0){
var img = document.createElement('IMG');
document.getElementById('previewPane').appendChild(img);
}else img = subImages[0];
if(displayWaitMessage){
document.getElementById('waitMessage').style.display='inline';
}
document.getElementById('largeImageCaption').style.display='none';
img.onload = function() { hideWaitMessageAndShowCaption(imageIndex-1); };
img.src = imagePath;
}
function hideWaitMessageAndShowCaption(imageIndex)
{
document.getElementById('waitMessage').style.display='none';
document.getElementById('largeImageCaption').innerHTML = imageGalleryCaptions[imageIndex];
document.getElementById('largeImageCaption').style.display='block';
}
window.onload = initSlideShow;
logo-slideshow.php
<?php
/*
Plugin Name: Logo Slideshow
Plugin URI: http://www.iwebix.de/logo-slideshow-wordpress-plugin/
Description: This Plugin shows 6 Logos with Links in a nice DHTML slideshow.
Version: 1.0
Author: Dennis Nissle, IWEBIX
Author URI: http://www.iwebix.de/
*/
/* options page */
$options_page = get_option('siteurl') . '/wp-admin/admin.php?page=logo-slideshow/options.php';
function logoslider_options_page() {
add_options_page('Logo Slideshow Options', 'Logo Slideshow', 10, 'logo-slideshow/options.php');
}
function logoslider_js() {
$logoslider_path = get_bloginfo('wpurl')."/wp-content/plugins/logo-slideshow/";
$logosliderscript = "<link rel=\"stylesheet\" href=\"".$logoslider_path."css/image-slideshow.css\" type=\"text/css\" media=\"screen\" charset=\"utf-8\"/>
<script type=\"text/javascript\" src=\"".$logoslider_path."scripts/image-slideshow.js\"></script>
\n";
echo($logosliderscript);
}
add_action('wp_head', 'logoslider_js');
add_action('admin_menu', 'logoslider_options_page');
?>Bevor du das Fahhrad neu erfindest, empfehle ich einen Blick auf "Get Recent Comments" Da geht das problemlos.
Beste Grüße
Karl-Heinz
... vielen vielen Dank (:
O ja, vom optischen her sieht es schön strukturiert und geordnet aus. Man bzw. ich habe ich sofort wohl gefühlt, man findet sich gleich zurecht und die Farbkombination harmoniert sehr gut. Ich werde sicherlich öfters vorbeischauen und mir so manche Werke durchlesen und durch den Kopf gehen lassen (:
Hallo zusammen, ich habe mich durch das halbe Internet gekämpft und bin leider, in Bezug auf mein Anliegen, nicht fündig geworden. Das von wordpress bereits enthaltene "Letzte Kommentare"-Widget möchte ich ein wenig überarbeiten - d. h. bei mir ist der ganze Text irgendwie ohne Leerzeichen und da wollte ich fragen, wo ich das überarbeiten kann bzw. meine nötigen Leerzeichen reinmachen kann (siehe Link, habe ich Bild von meinem Problem gemacht)
http://www.abload.de/img/widgeteshl.png
Ich möchte einfach nach dem Titel ein Leerzeichen haben, dass der Autor optisch hervorkommt und das "bei" möcht ich komplett wegmachen. Möchte mich im Voraus bereits für die kommende Hilfe bedanken (:
