Comment vous aiment avoir une colonne du côté gauche de votre Myspace profilent dans ce que vous pourriez placer quelque chose que vous aimez ? Améliorer même, ce qui si cette colonne n’était jamais couverte quand la fenêtre de navigateur de votre visionneuse est plus petite que la disposition « grille » de Myspace ? Jaillissent la solution est beaucoup plus simple que vous pourriez penser, et je vais te la donner en ce moment. Je ne vais pas détaillé dans les fonctionnements du CSS ou de la structure de Myspace. Il y a beaucoup de grands emplacements d’instruction de CSS dehors là d’apprendre les aspects plus profonds et plus complexes de modifier votre disposition de Myspace et fond de Myspace. Type juste cours d’instruction de Myspace dans Google. Ici, je suis aller juste te donner le code et de brèves explications de ce qu’il.
D’abord, pour s’assurer juste vous comprendre de ce que je suis parler, visiter ma disposition de Myspace à mon sbccjohn de profil de Myspace (je recommanderais d’ouvrir une nouvelles étiquette/fenêtre pour avoir disponible tout en regardant le code ci-dessous). Noter la boîte grise dans le coin gauche supérieur (I à gauche lui plaine ainsi elle se tiendrait dehors). Rendre maintenant votre fenêtre de navigateur plus petite en utilisant le coin et la notification de remettre à la côte comment l’annonce de bannière et table de la disposition de Myspace s’arrête quand elle obtient près de la boîte. Je vous montrerai pourquoi et comment elle fait ceci.
Voici le code de modification de Myspace qui construit réellement la boîte vue dans la barre latérale. Placer ce code de CSS partout où vous mettez votre propre code de modification. Je préfère le dessus du « au sujet de moi » édite la boîte :
flotteur : gauche ;
dessus : 15px ;
gauche : 7px ;
largeur : 150px ;
taille : 400px ;
frontière : noir 1px plein ;
remplissage : 0 ;
marge : 0 ;
fond-couleur : EEEEEE ; » >
Vous pouvez mettre celui que votre vouloir ici.
Même images alignées :
Il y a seulement une ligne de code requise pour garder la barre latérale d’être couvert par le reste de la disposition de Myspace, il est dans audacieux ci-dessous. Si vous avez déjà des modifications de CSS étiquette en utilisant de `corps’ vous le besoin juste d’ajouter cette ligne au courant coder. Autrement vous pouvez ajouter le bloc entier de modèle ci-dessous au code de division énuméré ci-dessus ; faire attention juste à ne pas le placer à l’intérieur d’un autre bloc de modèle. Voici le code :
body {
margin-left:155px;
}
C’est tout que vous devez construire la barre latérale pour votre disposition de Myspace.
Le premier bloc de code indique le navigateur pour créer un bloc de l’espace, 15 Pixel à partir du dessus et 7 Pixel de la gauche, 150 Pixel au loin et 400 Pixel haut, avec une 1 frontière de Pixel qui est noire et pleine, et pour ne pas mettre n’importe quel espace entre le bord et le contenu d’intérieur (remplissage) ou autour de l’extérieur (marge), et fait le gris de couleur de fond.
Le deuxième bloc de code indique le navigateur garder la disposition entière de Myspace au moins 155 Pixel de la gauche. Il est important de noter le rapport entre le marge-gauche dans ce bloc de code et la largeur dans le code précédent. Vous devez garder plus grand marge-gauche que la largeur ou la disposition de Myspace pourrait couvrir votre barre latérale dans de plus petites fenêtres de navigateur.
Maintenant vous pouvez les explorer avec différentes combinaisons de couleurs, des largeurs, des tailles, des frontières et de la position. Par exemple vous pouvez avoir le début de barre latérale plus bas en changeant le dessus en 100px. Vous pouvez même ajouter un fond d’image en utilisant les mêmes méthodes que vous ajoutez un fond d’image de Myspace. Apprécier la nouvelle disposition !
Post a Comment