Platzierung von Mail und FB Logo

    hi

    wir versuchen nun seit tagen auf unsere homepage, die zwei 'mail' sowie 'fb' buttons genau NEBEN 'Blog' zu stellen.

    photocrati (hersteller des designs) kann/will uns nicht weiterhelfen...er teilte uns mit, wir sollten es doch mit firebug etc ausprobieren....ja klar, wir blicken total durch....

    kann uns jemand weiterhelfen ? sind keine css profis...

    besten dank

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    na dann mal schnell verschoben

    suche in der dynamic-style.php

    Code
    #sidebar .social-media {
    padding: 10px 10px 5px;
    text-align: left;
}
#sidebar .social-media img {
    border: 0 none;
    margin-right: 5px;
}

    und ändere in

    Code
    .social-media {
    padding: 10px 10px 5px;
    text-align: left;
    margin-top: -40px;
    float: right;
}
.social-media img {
    border: 0 none;
    margin-right: 5px;
}

    dann noch zusätzlich einfügen

    Code
    .menu {
    margin-right: 110px;
}

    jetzt hab ich heute einen update der photocrati-theme gemacht und schon haut es mir alles wieder nach unten. ich hab die obengenannten codes hinzugefügt aber die erscheinen immer noch zu tief.

    das mail sowie fb logo sollten neben 'blog' erscheinen....

    kann jemand weiterhelfen ?

    besten dank

    Zitat von allucinox

    jetzt hab ich heute einen update der photocrati-theme gemacht und schon haut es mir alles wieder nach unten. ich hab die obengenannten codes hinzugefügt aber die erscheinen immer noch zu tief.

    das mail sowie fb logo sollten neben 'blog' erscheinen....

    kann jemand weiterhelfen ?

    besten dank


    ... hst du denn die Code-Änderungen wieder eingepflegt?

    LG Andi

    poste doch mal den Inhalt der header.php sowie der sidebar.php, dann setzen wir diese Buttons direkt neben das Menü

    wobei auch dann, bei einem Themeupdate wieder alles original ist

    ok hier mal header.php

    <?php
    /* IMPORTANT! This code retrieves the custom logo options & dynamic styling */
    global $wpdb;
    $style = $wpdb->get_results("SELECT custom_logo,custom_logo_image,dynamic_style,title_style,description_style FROM ".$wpdb->prefix."photocrati_styles WHERE option_set = 1");
    foreach ($style as $style) {
    $custom_logo = $style->custom_logo;
    $custom_logo_image = $style->custom_logo_image;
    $dynamic_style = $style->dynamic_style;
    $title_style = $style->title_style;
    $description_style = $style->description_style;
    }
    $rcp = $wpdb->get_results("SELECT fs_rightclick FROM ".$wpdb->prefix."photocrati_gallery_settings WHERE id = 1");
    foreach ($rcp as $rcp) {
    $fs_rightclick = $rcp->fs_rightclick;
    }
    $music = $wpdb->get_results("SELECT music_blog,music_blog_auto,music_blog_file,music_blog_controls,music_cat,music_cat_auto,music_cat_file,music_cat_controls FROM ".$wpdb->prefix."photocrati_gallery_settings WHERE id = 1");
    foreach ($music as $music) {
    $music_blog = $music->music_blog;
    $music_blog_auto = $music->music_blog_auto;
    $music_blog_controls = $music->music_blog_controls;
    $music_blog_file = $music->music_blog_file;
    $music_cat = $music->music_cat;
    $music_cat_auto = $music->music_cat_auto;
    $music_cat_controls = $music->music_cat_controls;
    $music_cat_file = $music->music_cat_file;
    }
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <title><?php
    if ( is_single() ) { single_post_title(); }
    elseif ( is_home() || is_front_page() ) { bloginfo('name'); print ' | '; bloginfo('description'); get_page_number(); }
    elseif ( is_page() ) { single_post_title(''); }
    elseif ( is_search() ) { bloginfo('name'); print ' | Search results for ' . wp_specialchars($s); get_page_number(); }
    elseif ( is_404() ) { bloginfo('name'); print ' | Not Found'; }
    else { bloginfo('name'); wp_title('|'); get_page_number(); }
    ?></title>

    <meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <?php
    if(strpos($title_style, 'G - ') === false) { } else {
    $gfont = str_replace(" ", "+", str_replace(", serif", "", str_replace("G - ", "", str_replace("'", "", str_replace("\'", "", $title_style)))));
    ?>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $gfont; ?>">
    <?php } ?>

    <?php
    if(strpos($description_style, 'G - ') === false) { } else {
    $gfontd = str_replace(" ", "+", str_replace(", serif", "", str_replace("G - ", "", str_replace("\'", "", $description_style))));
    ?>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=<?php echo $gfontd; ?>">
    <?php } ?>

    <!-- IMPORTANT! Do not remove this code. This is used for enabling & disabling the dynamic styling -->
    <?php if($dynamic_style == 'YES') { ?>

    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/styles/dynamic-style.php" />

    <?php } else { ?>

    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/styles/style.css" />

    <?php } ?>
    <!-- End dynamic styling -->

    <!--[if IE 8]>
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/styles/style-ie.css" type="text/css" />
    <![endif]-->

    <!--[if lt IE 8]>
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/styles/style-ie7.css" type="text/css" />
    <![endif]-->

    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/admin/css/jquery.lightbox-0.5.css" />

    <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

    <?php
    if( !is_admin()){
    wp_deregister_script('jquery');
    wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '');
    wp_enqueue_script('jquery');
    }
    ?>

    <?php wp_head(); ?>

    <link rel="alternate" type="application/rss+xml" href="<?php bloginfo('rss2_url'); ?>" title="<?php printf( __( '%s latest posts', 'photocrati-framework' ), wp_specialchars( get_bloginfo('name'), 1 ) ); ?>" />
    <link rel="alternate" type="application/rss+xml" href="<?php bloginfo('comments_rss2_url') ?>" title="<?php printf( __( '%s latest comments', 'photocrati-framework' ), wp_specialchars( get_bloginfo('name'), 1 ) ); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <?php if($fs_rightclick == "ON") { ?>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripts/clickprotect.js"></script>
    <?php } ?>

    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/scripts/jquery.jplayer.min.js"></script>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/scripts/jplayer.style.css" />

    <?php if(is_single() || is_page()) { ?>

    <?php if(get_post_meta($post->ID, 'music', true) == "YES") { ?>

    <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function() {

    jQuery("#jquery_jplayer").jPlayer({
    ready: function () {
    <?php if(get_post_meta($post->ID, 'music_auto', true) == "YES") { ?>
    this.element.jPlayer("setFile", "<?php echo get_post_meta($post->ID, 'music_file', true); ?>").jPlayer("play");
    <?php } else { ?>
    this.element.jPlayer("setFile", "<?php echo get_post_meta($post->ID, 'music_file', true); ?>");
    <?php } ?>
    },
    oggSupport: false,
    preload: 'none',
    swfPath: "<?php echo get_bloginfo('template_directory'); ?>/scripts"
    })
    .jPlayer("onSoundComplete", function() {
    this.element.jPlayer("play");
    });

    });
    </script>

    <?php if(get_post_meta($post->ID, 'music_controls', true) == "NO") { ?>

    <style>
    .jp-single-player {
    display:none;
    }
    </style>

    <?php } ?>

    <?php } ?>

    <?php } ?>


    <?php if(is_category() || is_archive()) { ?>

    <?php if($music_cat == "ON") { ?>

    <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function() {

    jQuery("#jquery_jplayer").jPlayer({
    ready: function () {
    <?php if($music_cat_auto == "YES") { ?>
    this.element.jPlayer("setFile", "<?php echo $music_cat_file; ?>").jPlayer("play");
    <?php } else { ?>
    this.element.jPlayer("setFile", "<?php echo $music_cat_file; ?>");
    <?php } ?>
    },
    oggSupport: false,
    preload: 'none',
    swfPath: "<?php echo get_bloginfo('template_directory'); ?>/scripts"
    })
    .jPlayer("onSoundComplete", function() {
    this.element.jPlayer("play");
    });

    });
    </script>

    <?php if($music_cat_controls == "NO") { ?>

    <style>
    .jp-single-player {
    display:none;
    }
    </style>

    <?php } ?>

    <?php } ?>

    <?php } ?>


    </head>

    <body <?php body_class(); ?> id="themebody">

    <div id="main_container">

    <div id="header">
    <div id="masthead">

    <div id="branding">
    <div id="blog-title">
    <span>
    <a href="<?php bloginfo( 'url' ) ?>/" title="<?php bloginfo( 'name' ) ?>" rel="home">
    <?php if($custom_logo == 'custom') { ?>
    <img src="<?php bloginfo('template_directory'); ?>/images/uploads/<?php echo $custom_logo_image; ?>" border="0" alt="<?php bloginfo( 'name' ) ?>" />
    <?php } else if($custom_logo == 'default') { ?>
    <img src="<?php bloginfo('template_directory'); ?>/images/logo.png" border="0" alt="<?php bloginfo( 'name' ) ?>" />
    <?php } else { ?>
    <h1><?php bloginfo('name'); ?></h1>
    <div class="description"><?php bloginfo('description'); ?></div>
    <?php } ?>
    </a>
    </span>
    </div>
    </div><!-- #branding -->

    <div id="menu_wrapper">
    <?php if ( function_exists( wp_nav_menu ) ) { //Check if function exists for less than Wordpress 3.0 ?>
    <?php wp_nav_menu( array( 'container_class' => 'menu', 'menu_class' => '', 'theme_location' => 'primary' ) ); ?>
    <?php } else { ?>
    <?php wp_page_menu( 'sort_column=menu_order' ); ?>
    <?php } ?>
    </div><!-- #access -->

    </div><!-- #masthead -->
    </div><!-- #header -->

    <div id="wrapper" class="hfeed">

    <div id="main">

    und hier sidebar.php

    und hier die sidebar.php

    <?php
    /* This code retrieves the sidebar social media options */
    global $wpdb;
    $style = $wpdb->get_results("SELECT * FROM ".$wpdb->prefix."photocrati_styles WHERE option_set = 1");
    foreach ($style as $style) {
    $custom_sidebar = $style->custom_sidebar;
    $custom_sidebar_position = $style->custom_sidebar_position;
    $custom_sidebar_html = $style->custom_sidebar_html;
    $social_media = $style->social_media;
    $social_media_title = $style->social_media_title;
    $social_media_set = $style->social_media_set;
    $social_rss = $style->social_rss;
    $social_email = $style->social_email;
    $social_twitter = $style->social_twitter;
    $social_facebook = $style->social_facebook;
    $social_flickr = $style->social_flickr;
    }
    ?>

    <script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function()
    {

    jQuery(function(){
    var spt = jQuery('span.mailme');
    var at = / at /;
    var dot = / dot /g;
    var addr = jQuery(spt).text().replace(at,"@").replace(dot,".");
    jQuery(spt).after('<a href="mailto:'+addr+'" title="Email us"><img src="<?php bloginfo('template_directory'); ?>/images/social/<?php echo $social_media_set; ?>-email.png" /></a>')
    .hover(function(){window.status="Email us!";}, function(){window.status="";});
    jQuery(spt).remove();
    jQuery('span.mailme').show();
    });

    });
    </script>

    <div id="sidebar">

    <!-- This is the dynamic social media icons -->
    <?php if($social_media == 'ON') { ?>
    <div class="social-media">

    <?php if($social_media_title <> '') { ?>
    <h3 class="widget-title"><?php echo $social_media_title; ?></h3>
    <?php } ?>

    <?php if($social_rss <> '') { ?>
    <a href="<?php echo $social_rss; ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social/<?php echo $social_media_set; ?>-rss.png" /></a>
    <?php } ?>

    <?php if($social_email <> '') { ?>
    <span class="mailme" style="display:none;"><?php echo str_replace('.', ' dot ', str_replace('@', ' at ', $social_email)); ?></span>
    <?php } ?>

    <?php if($social_twitter <> '') { ?>
    <a href="http://www.twitter.com/<?php echo $social_twitter; ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social/<?php echo $social_media_set; ?>-twitter.png" /></a>
    <?php } ?>

    <?php if($social_facebook <> '') { ?>
    <a href="http://www.facebook.com/<?php echo $social_facebook; ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social/<?php echo $social_media_set; ?>-facebook.png" /></a>
    <?php } ?>

    <?php if($social_flickr <> '') { ?>
    <a href="http://www.flickr.com/<?php echo $social_flickr; ?>" target="_blank"><img src="<?php bloginfo('template_directory'); ?>/images/social/<?php echo $social_media_set; ?>-flickr.png" /></a>
    <?php } ?>

    </div>
    <?php } ?>
    <!-- End dynamic social media icons -->


    <!-- Custom sidebar code above widgets -->
    <?php
    if($custom_sidebar == 'ON') {
    if($custom_sidebar_position == 'ABOVE') {
    echo '<div id="primary" class="widget-area"><ul>';
    echo str_replace('\"', '"', $custom_sidebar_html);
    echo '</ul></div>';
    }
    }
    ?>
    <!-- End custom sidebar code above widgets -->

    <?php if ( is_sidebar_active('primary_widget_area') ) : ?>
    <div id="primary" class="widget-area">
    <ul>
    <?php dynamic_sidebar('primary_widget_area'); ?>
    </ul>
    </div><!-- #primary .widget-area -->
    <?php endif; ?>

    <!-- Custom sidebar code below widgets -->
    <?php
    if($custom_sidebar == 'ON') {
    if($custom_sidebar_position == 'BELOW') {
    echo '<div id="primary" class="widget-area"><ul>';
    echo str_replace('\"', '"', $custom_sidebar_html);
    echo '</ul></div>';
    }
    }
    ?>
    <!-- End custom sidebar code below widgets -->

    </div>


    besten dank für eure hilfe

    Als erstes von beiden Dateien eine Sicherungs-Kopie erstellen. (falls beim Ändern was schief geht)

    jetzt zum Ändern

    diese beiden Codeteile aus der sidebar.php müssen zusammen in die header.php

    steht vor

    PHP
    <div id="sidebar">

    und dieser Teil


    steht nach

    PHP
    <div id="sidebar">

    diese beiden Teile nun in der header.php vor

    PHP
    </div><!-- #access -->


    einfügen und aus der sidebar.php löschen

    in der style.css diesen Teil

    Code
    .social-media {
    padding: 10px 10px 5px;
    text-align: left;
    margin-top: -40px;
    float: right;
}


    durch dies

    Code
    .social-media {
    padding: 10px 10px 5px;
    text-align: left;
    margin-top: 0;
    float: right;
    width: 960px;
}


    ersetzen

    Zitat von allucinox


    aber irgendwie krieg ich den letzten teil nicht hin. auf style.css finde ich die .social media nicht

    du hast das ja schon mal geändert!

    ist bei dir in der

    themes/photocrati-theme/styles/[COLOR=Red]dynamic-style.php[/COLOR]

    in der Regel stehen diese Angaben in der style.css, aber diese gibt es bei dir ja nicht

    hi

    hab ich jetzt geändert...

    .social-media {
    padding: 10px 10px 5px;
    text-align: right;
    margin-top: 0;
    float: right;
    width: 960px;
    }

    hab halt einfach unter text-align von 'left' nach 'right' geändert. allerdings scheint die untere kante der 'media icons' nicht bündig zu sein mit der menu-beschriftung

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden