Beiträge von Tutrix

Tutrix

hab die falsche Datei hochgeladen, nochmal ausgetauscht oben :smile:

Tutrix

nochmal eine Datei ;) hab vergessen, das die Registrierung lokal nicht angezeigt wird

hmmm..... kann nix mehr hochladen

[COLOR=Red]edit[/COLOR]: hab die oben ausgetauscht

Tutrix

also wie schon geschrieben den css-Code anpassen

Code

#user_login {
    left: -10px;
    position: relative;
    top: 0;
    width: 100px;




}


#user_pass {
    position: relative;
    width: 100px;




}

Alles anzeigen

das kann nicht funktionieren, also nur das

Code

#user_login {
width: 70px;
}
#user_pass {
width: 70px;
}

für etwas Abstand noch dies dazu

Code

label {
    padding: 5px;
}

und wenn alles richtig läuft, sieht es bei dir so aus (siehe Anhang)

Tutrix

hmm..... da sind wieder die ul class bei dir, daher rutschten die Links nach unten

auch müsste Login im Button stehen und nicht nur die Pfeile
ist im Code ja so drin

Code

<input type="submit" name="wp-submit" id="wp-submit" value="Login &raquo;" />

denn zurechtbastelten css-Code, musst auch wieder anpassen

Tutrix

verwende mal die Datei im Anhang

Tutrix

ich sehe ja nur den Quelltext deiner Seite

sieht innerhalb der Form so aus

PHP

<p><label for="user_login"></label><input type="text" id="user_login" class="mid" value="" name="log"><label for="user_pass"></label><input type="password" id="user_pass" class="mid" name="pwd">        


                        
            <input type="checkbox" value="forever" id="rememberme" class="checkbox" name="rememberme"> <label for="rememberme">Eingeloggt bleiben</label>
            <input type="submit" value=" »" id="wp-submit" name="wp-submit">
            
            <input type="hidden" value="1" name="sidebarlogin_posted">
            <input type="hidden" value="1" name="testcookie">
            
                        
            
            </p><ul class="sidebarlogin_otherlinks">                        <li><a rel="nofollow" href="http://www.xxxxxx.de/wordpress/wp-login.php?action=register">Registrieren</a></li>
                                    <a rel="nofollow" title="" href="http://xxxxxx.de/wordpress/wp-login.php?action=lostpassword">Passwort vergessen?</a>
                </ul>

Alles anzeigen

bei mir sieht der gleiche Teil so aus

PHP

<p><label for="user_login">Benutzername:</label><input type="text" id="user_login" class="mid" value="" name="log"><label for="user_pass">Passwort:</label><input type="password" id="user_pass" class="mid" name="pwd">        


                        
            <input type="checkbox" value="forever" id="rememberme" class="checkbox" name="rememberme"> <label for="rememberme">Eingeloggt bleiben</label>
            <input type="submit" value=" »" id="wp-submit" name="wp-submit">
            
            <input type="hidden" value="1" name="sidebarlogin_posted">
            <input type="hidden" value="1" name="testcookie">
            
                        
                            <a rel="nofollow" href="http://localhost/wordpress/wp-login.php?action=register">Registrieren</a>
                            <a rel="nofollow" title="" href="http://localhost/wordpress/wp-login.php?action=lostpassword">Passwort vergessen?</a></p>

Alles anzeigen

also die ul sind z.B. draußen ..... bei dir sind sie vorhanden, obwohl im php-Code gar nicht mehr vorhanden......

deine labels sind leer

usw.

es kann also nicht der Code sein

Tutrix

also ich bin auf deiner Seite und du verwendest "[COLOR=Red]nicht[/COLOR]" meinen Code

Tutrix

das liegt an deinen Änderungen, wenn du meinen Code verwendest stimmt alles

siehst du ja auf meinem Screen

Tutrix

nun zu diesem Code gehört ja noch mehr

PHP

<input name="rememberme" class="checkbox" id="rememberme" value="forever" type="checkbox" /> <label for="rememberme"><?php echo $theremember; ?></label>

verstehe allerdings nicht, was du wohin verschieben willst

zumindest ergibt dein Code für mich keinen Sinn

Tutrix

PHP

<div id="blackRow"><div id="login"><?php sidebarlogin(); ?></div></div>

und

Code

#login {
float:right;
 }

statt

Code

#login {
position:relative; 
 left:40px; top:0px; 
 }

ausrichten dann über margin

Tutrix

da fehlt was ;)

PHP

[COLOR=#000000]<div id="login"[COLOR=#0000BB][COLOR=Red]>[/COLOR]<?php sidebarlogin[/COLOR][COLOR=#007700](); [/COLOR][COLOR=#0000BB]?>
[/COLOR] </div>[/COLOR]

Tutrix

PHP

// User is NOT logged in!!!
            
            if (empty($thelogin)) $thelogin = get_option('sidebarlogin_heading');
            
            echo $before_widget . $before_title .'<span>'. $thelogin .'</span>' . $after_title;

löschen

Tutrix

im widget-Ordner ist die "sidebar-login.php"

such dort nach

PHP

// login form		
			echo '<form method="post" action="'.wp_sidebarlogin_current_url().'">';
			?>
			<p><label for="user_login"><?php echo $theusername; ?></label><br/><input name="log" value="<?php if (isset($_POST['log'])) echo esc_attr(stripslashes($_POST['log'])); ?>" class="mid" id="user_login" type="text" /></p>
			<p><label for="user_pass"><?php echo $thepassword; ?></label><br/><input name="pwd" class="mid" id="user_pass" type="password" /></p>			


			<?php
			// OpenID Plugin (http://wordpress.org/extend/plugins/openid/) Integration
			if (function_exists('openid_wp_login_form')) {
			
				echo '<input type="hidden" name="redirect_to" value="'.wp_sidebarlogin_current_url().'" />';
				
				//openid_wp_login_form();
				echo '<hr id="openid_split" />';
			
				echo '
				<p>
					<label for="openid_field">' . __('Or login using an <a href="http://openid.net/what/" title="Learn about OpenID">OpenID</a>', 'sblogin') . '</label>
					<input type="text" name="openid_identifier" id="openid_field" class="input mid" value="" /></label>
				</p>';		
			}			
			
			?>
			
			<p class="rememberme"><input name="rememberme" class="checkbox" id="rememberme" value="forever" type="checkbox" /> <label for="rememberme"><?php echo $theremember; ?></label></p>
			<p class="submit"><input type="submit" name="wp-submit" id="wp-submit" value="<?php echo $thelogin; ?> &raquo;" />
			
			<input type="hidden" name="sidebarlogin_posted" value="1" />
			<input type="hidden" name="testcookie" value="1" /></p>
			
			<?php
			// Facebook Plugin
			if (function_exists('fbc_init_auth')) do_action('fbc_display_login_button');
			?>
			
			</form>
			<?php 			
			// Output other links
			$isul = false;	/* ms for w3c - suggested by dev.xiligroup.com */		
			if (get_option('users_can_register') && get_option('sidebarlogin_register_link')=='yes') { 
				// MU FIX
				global $wpmu_version;
				if (empty($wpmu_version)) {
					echo '<ul class="sidebarlogin_otherlinks">';
					$isul = true;
					?>
						<li><a href="<?php bloginfo('wpurl'); ?>/wp-login.php?action=register" rel="nofollow"><?php echo $theregister; ?></a></li>
					<?php 
				} else {
					echo '<ul class="sidebarlogin_otherlinks">';
					$isul = true;
					?>
						<li><a href="<?php bloginfo('wpurl'); ?>/wp-signup.php" rel="nofollow"><?php echo $theregister; ?></a></li>
					<?php 
				}
			}
			if (get_option('sidebarlogin_forgotton_link')=='yes') : 
				if ($isul == false) {
					echo '<ul class="sidebarlogin_otherlinks">';
					$isul = true;
				}
				?>
				<li><a href="<?php bloginfo('wpurl'); ?>/wp-login.php?action=lostpassword" title="<?php echo $thepasslostfound; ?>" rel="nofollow"><?php echo $thelostpass; ?></a></li>
				<?php 
			endif; 
			if ($isul) echo '</ul>';	
		}

Alles anzeigen

und ersetze mit

PHP

// login form        
            echo '<form method="post" action="'.wp_sidebarlogin_current_url().'">';
            ?>
            <p><label for="user_login"><?php echo $theusername; ?></label><input name="log" value="<?php if (isset($_POST['log'])) echo esc_attr(stripslashes($_POST['log'])); ?>" class="mid" id="user_login" type="text" /><label for="user_pass"><?php echo $thepassword; ?></label><input name="pwd" class="mid" id="user_pass" type="password" />        


            <?php
            // OpenID Plugin (http://wordpress.org/extend/plugins/openid/) Integration
            if (function_exists('openid_wp_login_form')) {
            
                echo '<input type="hidden" name="redirect_to" value="'.wp_sidebarlogin_current_url().'" />';
                
                //openid_wp_login_form();
                echo '<hr id="openid_split" />';
            
                echo '
                
                    <label for="openid_field">' . __('Or login using an <a href="http://openid.net/what/" title="Learn about OpenID">OpenID</a>', 'sblogin') . '</label>
                    <input type="text" name="openid_identifier" id="openid_field" class="input mid" value="" /></label>
                ';        
            }            
            
            ?>
            
            <input name="rememberme" class="checkbox" id="rememberme" value="forever" type="checkbox" /> <label for="rememberme"><?php echo $theremember; ?></label>
            <input type="submit" name="wp-submit" id="wp-submit" value="<?php echo $thelogin; ?> &raquo;" />
            
            <input type="hidden" name="sidebarlogin_posted" value="1" />
            <input type="hidden" name="testcookie" value="1" />
            
            <?php
            // Facebook Plugin
            if (function_exists('fbc_init_auth')) do_action('fbc_display_login_button');
            ?>
            
            </form>
            <?php             
            // Output other links
            $isul = false;    /* ms for w3c - suggested by dev.xiligroup.com */        
            if (get_option('users_can_register') && get_option('sidebarlogin_register_link')=='yes') { 
                // MU FIX
                global $wpmu_version;
                if (empty($wpmu_version)) {
                    echo '<ul class="sidebarlogin_otherlinks">';
                    $isul = true;
                    ?>
                        <li><a rel="nofollow" href="<?php bloginfo('wpurl'); ?>/wp-login.php?action=register" rel="nofollow"><?php echo $theregister; ?></a></li>
                    <?php 
                } else {
                    echo '<ul class="sidebarlogin_otherlinks">';
                    $isul = true;
                    ?>
                        <li><a rel="nofollow" href="<?php bloginfo('wpurl'); ?>/wp-signup.php" rel="nofollow"><?php echo $theregister; ?></a></li>
                    <?php 
                }
            }
            if (get_option('sidebarlogin_forgotton_link')=='yes') : 
                if ($isul == false) {
                    echo '';
                    $isul = true;
                }
                ?>
                <a rel="nofollow" href="<?php bloginfo('wpurl'); ?>/wp-login.php?action=lostpassword" title="<?php echo $thepasslostfound; ?>" rel="nofollow"><?php echo $thelostpass; ?></a>
                <?php 
            endif; 
            if ($isul) echo '</p>';    
        }

Alles anzeigen

damit die Eingabefelder kleiner werden
widget-Ordner style.css dies hinzufügen

Code

#user_login {
width: 70px;
}
#user_pass {
width: 70px;
}

die 70px kannst natürlich anpassen

jetzt müsste alles in einer Reihe sein, siehe Screen aus meinem Testblog

Tutrix

Du kannst dir z.B. = Sidebar-Login installieren.

Das Plugin aktivieren, aber das Widget nicht verwenden.

Nun hast du diesen Code zur Verfügung

PHP

<?php sidebarlogin(); ?>

den fügst du in deinen schwarzen Balken

Jetzt musst du nur noch die Anzeige anpassen, also das die Felder nebeneinander angezeigt werden und wenn nicht gewünscht, die Avataranzeige entfernen.

Tutrix

schau mal hier http://www.w3schools.com/css/css_positioning.asp

Tutrix

Bei den Plugins mal danach suchen

z.B. = Extended-Profile

Tutrix

das liegt an den Definitionen in der style-weaver.css

Code

#content table {border: 1px solid #e7e7e7;margin: 0 -1px 24px 0;text-align: left;width: 100%;}
#content tr th,#content thead th {color: #888;font-size: 12px;font-weight: bold;line-height: 18px;padding: 9px 24px;}
#content tr td {border-style:none; border-top: 1px solid #e7e7e7; padding: 6px [COLOR=Red]24px[/COLOR];}

wenn also Spalte 1, 20px hat, kommen noch links und rechts 24px padding hinzu
sind wir also schon bei 68px

wenn du das nun auf alle Spalten rechnest, sind das 288px zusätzlich, zu der Angabe von 430px

Für eine korrekte Darstellung der Tabelle, wäre also eine Breite von 718px notwendig.

Wenn du zum Test statt der 430px mal 100% einträgst, siehst du wieder unterschiedliche Spaltenbreiten.

[COLOR=Red]ach ja[/COLOR], das Beispiel das du umsetzen möchtest, arbeitet ohne fixe Spaltenbreiten. Je länger der Titel um so breiter die Spalte

Tutrix

einfügen kannst du die Lyrics dann ganz einfach

im Moment hast du ja das Leerzeichen drin

Code

<td background="../xxxx/xxxxx/xxxxxxx">[COLOR=Red]&nbsp;[/COLOR]</td>

das dann durch diesen Code ersetzen

Code

<h2 class="trigger"><a href="#">Lyrics</a></h2>
<div class="toggle_container">
    <div class="block">
        <h3>Liedtext</h3>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. 
    </div></div>

Tutrix

Antwort auf deine PN (könnte ja auch andere interessieren)

dieser Code aus den Tut.

Code

$(document).ready(function(){


	[COLOR=#999999]//Hide (Collapse) the toggle containers on load[/COLOR]
	$(".toggle_container").hide(); 


	[COLOR=#999999]//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)[/COLOR]
	$("h2.trigger").click(function(){
		$(this).toggleClass("active").next().slideToggle("slow");
		return false; [COLOR=#999999]//Prevent the browser jump to the link anchor[/COLOR]
	});


});

Alles anzeigen

gehört in script eingepackt und dann in die header.php vor dem schließenden </head>

sieht dann so aus

Code

<script type="text/javascript">
$(document).ready(function(){
    
    $(".toggle_container").hide();


    $("h2.trigger").click(function(){
        $(this).toggleClass("active").next().slideToggle("slow");
    });


});
</script>

Alles anzeigen

Tutrix

@ Psychopomp

hab den 2ten Link (das Tutorial) jetzt bei mir mal umgesetzt

siehe klick mich

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von Tutrix

Login und co.

Login und co.

Login und co.

Login und co.

Login und co.

Login und co.

Login und co.

Login und co.

Login und co.

Login und co.

Login und co.

Login und co.

Login und co.

Login und co.

Schlagschatten über Menü mit hover-Effekt - CSS?

User Anmeldeoberfläche & co

Tabellen-Angaben werden ignoriert

Klappbox in Artikeln einbauen?

Klappbox in Artikeln einbauen?

Klappbox in Artikeln einbauen?