Beiträge von TonyAlmeida

TonyAlmeida

Was haltet Ihr denn davon:

http://www.cssstickyfooter.com/de/

TonyAlmeida

Hi Ihr

Was ist denn jetzt das Ergebnis, habe Euch da nicht ganz verstanden?!
Geht nicht, kompliziert?

Wenn ich die position fixed rausnehme, ist der Footer ganz verschwunden.

Grüsse

TonyAlmeida

...hat niemand einen ansatz fuer mich...?

TonyAlmeida

Hallo!

Mein Footer steht fix am unteren Rand fest. Das würde ich gerne ändern, gefällt mir nicht.
Wenn ich im CSS Code "fixed" auf "relative" ändere, rutscht mir der Footer hoch.
Bekomme ich das durch eine Änderung des "bottom/top" Wertes hin, oder geht es auch eleganter?
Danke Euch

Code

footer{	width:100%;
	height:40px;
	position:fixed;
	z-index:20;
	bottom:0;
	background:#79b51c;
	color:#FFF;
}




#footer_content{
	width:800px;
	text-align: center;
	margin:0 auto;
	font-size:10pt;
}




#footer_content a{
	color:#FFF;
	text-decoration:none;
	font-size:10pt;

Alles anzeigen

http://dein-niestetal.de/Wordpress/

TonyAlmeida

Zitat von gericoach

am Besten, Du probierst es aus. Oder Du fragst Mutti.

Mutti habe ich gefragt - sie hat die Frage nicht verstanden

TonyAlmeida

Hey !!!
Unsere neue Website ist jetzt fast fertig. Jetzt geht es an die Text und Beiträge. Entweder verfasse ich sie selber, oder ich bekomme sie als Dokument geschickt und muss sie in die Seite einbinden.
Nun bin ich mir unsicher, ob ich mir im Dashboard die Oberfläche TEXT oder VISUELL angewöhnen soll.
Im Moment habe ich noch nicht ganz durchschaut, wo der Vorteil für mich liegt, wenn ich mich da auf die HTML Schreibweise konzentriere. Ist es nur so, dass ich dann einfach eine bessere Kontrolle über das Aussehen der Beiträge bekomme?
Oder füge ich zB Dokumente einfach ein, und verbessere das Aussehen durch entsprechende HTML Befehle?
Ich bin da etwas verunsichert, wie ich jetzt am besten vorgehe.

TonyAlmeida

Zitat von Shadow

sei froh das es angepasst wird, an die jeweiligen Displays, es kann kaum gleich aussehen, egal ob man auf großen Bildschirm oder handydisplay die seiten ansieht.
unterschiedliche Browser sind auch optische und textumbruch unteschiedlichkeiten, zum glück kann man fast immer aber alles erlesen.

Das "Problem" haben also alle Seiten?

TonyAlmeida

Hey!
Ich habe eine auf Basis des Themes Starkers programmierte Seite. Das Plugin MOBILE CSS ist installiert.
Eigentlich sollte es ja eine Responsive Programmierung werden. Ist so leider nicht umgesetzt worden. Nun frage ich mich, ob man das noch nachträglich umsetzen kann. Meine Suche im Netz war diesbezüglich nicht so erfolgreich. Geht das?
Danke

TonyAlmeida

Hallo!
Ich habe auf der Startseite drei Textblöcke nebeneinander stehen. Nun werden die Texte auf unterschiedlichen Rechnern unterschiedlich gesetzt. Die Trennung der Wörter und der Zeilenumbruch unterscheiden sich. Somit auch die optische Länge der Texte. Wie kann das sein, kann ich das ändern? Siehe Fotos:

TonyAlmeida

Zitat von maxe

die Classen kannst du gern am Ende der style.css stylen. Die Namen der Classen kannst du so vergeben wie in meinem Bsp. oder du denkst dir selber welche aus.

Super. Hat geklappt. Habe erst nicht gecheckt, wie ich anfangen muss. Dann habe ich einfach abgeschaut.

HTML

}




.next_prev a{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:10pt;
}

TonyAlmeida

Danke.
Ich verstehe das so: Die loop.php ändere ich wie Du beschrieben hast.
Dann in der css die CLASSEN anlegen und dementsprechend formatieren. Setze ich die in der css ganz ans Ende, oder muss ich die in den betreffenden Abschnitt einfügen? Wie muss ich die CLASS nennen?

Danke für den Hinweis mit dem Code Button!!:grin:

TonyAlmeida

http://dein-niestetal.de/Wordpress/aktuell/
http://dein-niestetal.de/Wordpress/20-feb/

ÄLTERE MELDUNGEN und ZURÜCK würde ich gerne anders formatieren.
ÄLTERE MELDUNGEN sollte auch nach unten - ist im Moment hinter dem Footer versteckt

Das ist die loop.php - da habe es vergeblich probiert zu ändern:

PHP

<?php
/**
 * The loop that displays posts.
 *
 * @package WordPress
 * @subpackage Starkers
 * @since Starkers HTML5 3.0
 */
?>
 
<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if ( $wp_query->max_num_pages > 1 ) : ?>
    <nav>
        <h5><?php next_posts_link( __( '&larr; Ältere Meldungen ', 'starkers' ) ); ?></h5>
        <?php previous_posts_link( __( 'Jüngere Meldungen &rarr;', 'starkers' ) ); ?>
    </nav>
<?php endif; ?>
 
<?php /* If there are no posts to display, such as an empty archive page */ ?>
<?php if ( ! have_posts() ) : ?>
        <h1><?php _e( 'Not Found', 'starkers' ); ?></h1>
            <p><?php _e( 'Apologies, but no results were found for the requested archive. Perhaps searching will help find a related post.', 'starkers' ); ?></p>
            <?php get_search_form(); ?>
<?php endif; ?>
 
<?php while ( have_posts() ) : the_post(); ?>
 
<?php /* How to display posts of the Gallery format. The gallery category is the old way. */ ?>
 
    <?php if ( ( function_exists( 'get_post_format' ) && 'gallery' == get_post_format( $post->ID ) ) || in_category( _x( 'gallery', 'gallery category slug', 'starkers' ) ) ) : ?>
     
        <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            <header>
                <h2><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'starkers' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
 
                <?php starkers_posted_on(); ?>
            </header>
 
<?php if ( post_password_required() ) : ?>
                <?php the_content(); ?>
<?php else : ?>
<?php $images = get_children( array( 'post_parent' => $post->ID, 'post_type' => 'attachment', 'post_mime_type' => 'image', 'orderby' => 'menu_order', 'order' => 'ASC', 'numberposts' => 999 ) );
    if ( $images ) :
        $total_images = count( $images );
        $image = array_shift( $images );
        $image_img_tag = wp_get_attachment_image( $image->ID, 'thumbnail' ); ?>
        
        <a href="<?php the_permalink(); ?>"><?php echo $image_img_tag; ?></a>
         
        <p><?php printf( _n( 'This gallery contains <a %1$s>%2$s photo</a>.', 'This gallery contains <a %1$s>%2$s photos</a>.', $total_images, 'starkers' ), 'href="' . get_permalink() . '" title="' . sprintf( esc_attr__( 'Permalink to %s', 'starkers' ), the_title_attribute( 'echo=0' ) ) . '" rel="bookmark"', number_format_i18n( $total_images )); ?></p>




	<?php endif; ?>
     
    <?php the_excerpt(); ?>
 
<?php endif; ?>
 
            <footer>
	            <?php if ( function_exists( 'get_post_format' ) && 'gallery' == get_post_format( $post->ID ) ) : ?>
	            <a href="<?php echo get_post_format_link( 'gallery' ); ?>" title="<?php esc_attr_e( 'View Galleries', 'starkers' ); ?>"><?php _e( 'More Galleries', 'starkers' ); ?></a> | 
	            
	            <?php elseif ( in_category( _x( 'gallery', 'gallery category slug', 'starkers' ) ) ) : ?>
	            <a href="<?php echo get_term_link( _x( 'gallery', 'gallery category slug', 'starkers' ), 'category' ); ?>" title="<?php esc_attr_e( 'View posts in the Gallery category', 'starkers' ); ?>"><?php _e( 'More Galleries', 'twentyten' ); ?></a> | 
	            
	            <?php endif; ?>
	            
	            <?php comments_popup_link( __( 'Leave a comment', 'starkers' ), __( '1 Comment', 'starkers' ), __( '% Comments', 'starkers' ) ); ?>
	            <?php edit_post_link( __( 'Edit', 'starkers' ), '| ', '' ); ?>
            </footer>
        </article>
 
<?php /* How to display posts of the Aside format. The asides category is the old way. */ ?>
    
    <?php elseif ( ( function_exists( 'get_post_format' ) && 'aside' == get_post_format( $post->ID ) ) || in_category( _x( 'asides', 'asides category slug', 'starkers' ) )  ) : ?>
     
        <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 
        <?php if ( is_archive() || is_search() ) : // Display excerpts for archives and search. ?>
                <?php the_excerpt(); ?>
        <?php else : ?>
                <?php the_content( __( 'Continue reading &rarr;', 'starkers' ) ); ?>
        <?php endif; ?>
         
            <footer>
                <?php starkers_posted_on(); ?> | <?php comments_popup_link( __( 'Leave a comment', 'starkers' ), __( '1 Comment', 'starkers' ), __( '% Comments', 'starkers' ) ); ?> <?php edit_post_link( __( 'Edit', 'starkers' ), '| ', '' ); ?>
            </footer>
        </article>
 
<?php /* How to display all other posts. */ ?>
 
    <?php else : ?>
     
        <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
         
			<header>
                <h2><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'starkers' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
 
                <p class="info"><?php starkers_posted_on(); ?></p>
            </header>
 
    <?php if ( is_archive() || is_search() ) : // Only display excerpts for archives and search. ?>
                <?php the_excerpt(); ?>
    <?php else : ?>
                <?php the_content( __( 'Continue reading &rarr;', 'starkers' ) ); ?>
                 
                <?php wp_link_pages( array( 'before' => '<nav>' . __( 'Pages:', 'starkers' ), 'after' => '</nav>' ) ); ?>
    <?php endif; ?>
     
            <footer>
 
                <?php if ( count( get_the_category() ) ) : ?>
                        <?php printf( __( 'Posted in %2$s', 'starkers' ), 'entry-utility-prep entry-utility-prep-cat-links', get_the_category_list( ', ' ) ); ?> |
                <?php endif; ?>
                <?php
                    $tags_list = get_the_tag_list( '', ', ' );
                    if ( $tags_list ):
                ?>
                        <?php printf( __( 'Tagged %2$s', 'starkers' ), 'entry-utility-prep entry-utility-prep-tag-links', $tags_list ); ?> |
                <?php endif; ?>
                <?php comments_popup_link( __( 'Leave a comment', 'starkers' ), __( '1 Comment', 'starkers' ), __( '% Comments', 'starkers' ) ); ?>
                <?php edit_post_link( __( 'Edit', 'starkers' ), '| ', '' ); ?>
    
            </footer>
		</article>
    <hr></hr>




           
           <?php comments_template( '', true ); ?>








    <?php endif; // This was the if statement that broke the loop into three parts based on categories. ?>
  
<?php endwhile; // End the loop. Whew. ?>
 
<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if (  $wp_query->max_num_pages > 1 ) : ?>
    <nav>
        <?php next_posts_link( __( '&larr; Ältere Meldungen ', 'starkers' ) ); ?>
        <?php previous_posts_link( __( 'Jüngere Meldungen &rarr;', 'starkers' ) ); ?>
    </nav>
<?php endif; ?>

Alles anzeigen

TonyAlmeida

Hallo!
Ich habe eine Seite, die auf dem Starkers Theme programmiert ist. Nun möchte ich die integrierten Navigationsmöglichkeiten ändern (Farbe, Schriftgrösse....). Also OLDER POSTS, ZURÜCK....
Ich suche in der layout.css, finde aber nichts. Wo sind die Dinge denn hinterlegt und änderbar?

TonyAlmeida

ich glaube es hat geklappt. ich habe dem head-image mit dem zusatz height die feste höhe vorgegeben. jetzt kontrolliere ich noch verschiedene auflösungen....

TonyAlmeida

Ich habe jetzt das Header Foto verkleinert. Bei 1400 passt es genau auf mein MacBook Air, weil es die Auflösung hat.
Bei meiner Tochter ist das Foto noch zu breit, weil die Auflösung nur 1280 ist.
Nun gibt es ja 2 Möglichkeiten:
Foto so verkleinern (welcher Wert? 960px?), dass vermutlich die meisten Displays die Seite gut anzeigen, oder es gibt eine css Einstellung, die das berücksichtigt. Diese zweite Lösung wäre mir natürlich lieber.
Gibt es Hilfe/Hoffnung für mich? http://www.dein-niestetal.de/Wordpress

/*------ Header Style ------*/
#top_bg{
width:auto;
min-width:100%;
height:100px;
background:url(../images/head/streifen_oben.png) repeat-x;
position:absolute;
z-index:20;
top:0;
}

#top_content{
width:800px;
margin:0 auto 0 auto;
}

#logo{
float:left;
}

#social_media{
float:right;
margin:10px 0 0 0;
}

#head_image img{
width:auto;
min-width:100%;
}

#slogan{
float:right;
clear:both;
}

#eG_back{
width:100%;
background:url(../images/content/start/recent_bg.png) repeat;
position:absolute;
z-index:30;
top:390px;
}

#eG{
width:800px;
margin:0 auto;
text-align:right;
font-family: DINEngschriftStd;
font-weight: normal;
font-style: normal;
color:#ec7404;
font-size: 16pt;
padding-top:5px;
}

h1{
font-family: DINEngschriftStd;
font-weight: normal;
font-style: normal;
color:#ec7404;
font-size:3em;
top:200px;
left:50%;
}
/*------ Header Style ------*/

TonyAlmeida

Ja, schon klar. Wollte wissen, wo Du die 1500px Angabe gefunden hast. Wenn ich das Header Bild kleiner mache - welche Breite nehme ich denn? Der Rest der Seite hat doch kein festes Maß?

TonyAlmeida

Oh. Danke Dir. Wo hast Du denn den Wert gefunden?
Alternativ zu dem Ändern der WIDTH Angaben, kann ich da auch das header Bild verkleinern und neu hochladen???
Wäre doch einfacher - zumindest für mich.

TonyAlmeida

....das Einfügen der css in den Beitrag. Die Lösung des Problems noch nicht.

TonyAlmeida

Hat geklappt....

TonyAlmeida

OK. Also, das Problem ist, dass auf allen Notebooks (die ich prbiert habe) das Header Foto breiter als der Rest der Seite wird. Ich bekomme unten einen Srollbalken.
Auf Desktop Rechnern habe ich das Problem nicht.
Ändere ich die WIDTH schiebt er mir das Design am unteren Fotorand zusammen.

http://www.dein-niestetal.de/Wordpress

Siehe layout.css unten. Einen sonnigen Montag und viele Grüsse
Danke Euch

Code

/* LAYOUT */
/* ----------------------------------------- */


/* Presentational classes generated by WordPress */
.aligncenter    { display: block; margin: 0 auto; }
.alignleft        { float: left; margin: 0 20px 20px 0; }
.alignright        { float: right; margin: 0 0 20px 20px; }
.wp-caption        { border: 1px solid #999; text-align: center; background: #eee; padding: 10px; margin: 10px; }


body{
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11pt;
}
/*------ Header Style ------*/
#top_bg{
    width:auto;
    min-width:100%;
    height:100px;
    background:url(../images/head/streifen_oben.png) repeat-x;
    position:absolute;
    z-index:20;
    top:0;
}


#top_content{
    width:800px;
    margin:0 auto 0 auto;
}


#logo{
    float:left;
}


#social_media{
    float:right;
    margin:10px 0 0 0;
}


#head_image img{
    width:100%;
    min-width:100%;
}


#slogan{
    float:right;
    clear:both;
}


#eG_back{
    width:100%;
    background:url(../images/content/start/recent_bg.png) repeat;
    position:absolute;
    z-index:30;
    top:390px;
}


#eG{
    width:800px;
    margin:0 auto;
    text-align:right;
    font-family: DINEngschriftStd;
    font-weight: normal;
    font-style: normal;
    color:#ec7404;
    font-size: 16pt;
    padding-top:5px;
}


h1{
    font-family: DINEngschriftStd;
    font-weight: normal;
    font-style: normal;
    color:#ec7404;
    font-size:3em;
    top:200px;
    left:50%;
}
/*------ Header Style ------*/


/*------ Content Style ------*/
section{
    background:url(../images/content/content_bg.jpg) repeat;
    width:auto;
    min-width:100%;
    height:auto;
    min-height:100%;
    position:absolute;
    top:420px;
    padding-bottom:20px;
}


.content_800{
    width:800px;
    margin:0 auto;
}
/*------ Navigation ------*/
#menu-main-menu{
    list-style-type:none;
    padding:0;
    text-align:center;
}


#menu-main-menu li{
    display:inline;
}


.menu-item a{
    text-decoration:none;
    font-family: DINEngschriftStd;
    font-weight: normal;
    font-style: normal;
    font-size:20pt;
    letter-spacing:0.1em;
    color: #CCCCCC;
    text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
}


.current-menu-item a{
    color:#79b51c;
}


#menu-item-392{
    margin-right:59px;
}


#menu-item-391{
    margin-right:59px;
}


#menu-item-390{
    margin-right:59px;
}


#menu-item-389{
    margin-right:59px;
}


#menu-item-388{
    margin-right:59px;
}
/*------ Navigation ------*/


/*------ Start ------*/
#recent_post{
    background:url(../images/content/start/recent_bg.png) repeat;
    width:800px;
    position:absolute;
    top:328px;
}


#recent_post a{
    text-decoration:none;
    font-family: DINEngschriftStd;
    font-weight: normal;
    font-style: normal;
    font-size:1.5em;
    color:#ec7404;
}


#recent_post ul{
    list-style-type:none;
}


h4/*CATEGORY*/{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    padding-left:40px;
}


.colum{
    width:220px;
    float:left;
    text-align:justify;
    -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
    font-size:11pt;
    margin:40px 0 0 0;
}


.colum_center{
    width:220px;
    float:left;
    margin:40px 69px 0 69px;
    text-align:justify;
    -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
    font-size:11pt;
}


.colum a{
    text-decoration:none;
    font-family: DINEngschriftStd;
    font-weight: normal;
    font-style: normal;
    font-size:16pt;
    color:#ec7404;
    letter-spacing:0.5pt;
}


.colum_center a{
    text-decoration:none;
    font-family: DINEngschriftStd;
    font-weight: normal;
    font-style: normal;
    font-size:16pt;
    color:#ec7404;
    letter-spacing:0.5pt;
}
/*------ Start ------*/


/*------ Aktuell ------*/
h2 a{
    text-decoration:none;
    color:#ec7404;
    font-family: DINEngschriftStd;
    font-weight: normal;
    font-style: normal;
    font-size:25pt;
}


h2 {
    text-decoration:none;
    color:#ec7404;
    font-family: DINEngschriftStd;
    font-weight: normal;
    font-style: normal;
    font-size:25pt;
}


.info{
    font-size:8pt;
}


.info a{
    text-decoration: none;
    color:#ec7404;
}


article p{
    font-size:11pt;
}


hr{
    color:#ec7404;
    background-color:#ec7404;
    margin:0 0 50px 0;
}
/*------ Aktuell ------*/
/*------ Team ------*/
table p{
    font-size:11pt;
}
/*------ Team ------*/
/*------ Kontakt ------*/
#map{
    width:550px;
    float:right;
    margin:0 10px 0 0;
}
#content_kontakt{
    width:240px;
    float:left;
}
/*------ Kontakt ------*/
/*------ Content Style ------*/


/*------ Footer ------*/
footer{
    width:100%;
    height:40px;
    position:fixed;
    z-index:20;
    bottom:0;
    background:#79b51c;
    color:#FFF;
}


#footer_content{
    width:800px;
    text-align: center;
    margin:0 auto;
    font-size:10pt;
}


#footer_content a{
    color:#FFF;
    text-decoration:none;
    font-size:10pt;
}
/*------ Footer ------*/
#social_media a{
text-decoration:none;
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von TonyAlmeida

Wie Footer "fixed" ändern?

Wie Footer "fixed" ändern?

Wie Footer "fixed" ändern?

Wie Footer "fixed" ändern?

Texte erstellen - Darstellung Visuell oder Text ???

Texte erstellen - Darstellung Visuell oder Text ???

Darstellung auf Rechnern unterschiedlich - warum?

Responsive nachträglich möglich?

Darstellung auf Rechnern unterschiedlich - warum?

Navigationsdatei ist wo?

Navigationsdatei ist wo?

Navigationsdatei ist wo?

Navigationsdatei ist wo?

layout.css Hilfe gesucht

layout.css Hilfe gesucht

layout.css Hilfe gesucht

layout.css Hilfe gesucht

layout.css Hilfe gesucht

layout.css Hilfe gesucht

layout.css Hilfe gesucht