This lesson assumes that you already have a CSS layout for your myspace page and need to change the transparency of a section. Deze les gaat ervan uit dat u al een CSS lay-out voor uw MySpace-pagina en de noodzaak van de verandering van de transparantie van een sectie. This lesson also assumes that you have at least introductory experience with Cascading Style Sheets Deze les wordt verondersteld dat u ten minste inleidende ervaring met Cascading Style Sheets

Transparency is a popular way to decorate a page, both in myspace and with other popular services. Transparantie is een populaire manier om te decoreren van een pagina, zowel in myspace en met andere populaire diensten. It is fairly easy to do as long as you keep a few details in mind : Het is vrij eenvoudig om te doen, zolang u aan om een paar details in het achterhoofd:

1. Know what the code is! Weten wat de code is!
2. Know exactly what you want to make transparent Precies weet wat je wilt maken transparant
3. Know how transparent you want to make it Weten hoe transparant die u wilt maken
4. Remember to set code for both internet explorer and mozilla type browsers Vergeet niet om code voor zowel Internet Explorer en Mozilla browsers type

1 - Know what the code is 1 - weten wat de code is
float:left; float: links;
filter:alpha(opacity=80); filter: alpha (opacity = 80);
-moz-opacity:.80; - moz-opacity: .80;
opacity:.80; opacity: .80;

There are 4 lines to this. Er zijn 4 lijnen bij deze. The first is the placement. De eerste is de plaatsing. You have to set a placement for this transparency / opacity change to work. U heeft vast te stellen een stage voor deze transparantie / opaciteit veranderen aan het werk.

We used float:left; This works for IE and Mozilla / Firefox. We gebruiken de vlotter: links; Dit werkt voor Internet Explorer en Mozilla / Firefox.

Because you want your code to work on multiple browsers - use all 3 versions of this code Omdat u wilt dat uw code te werken op meerdere browsers - gebruik alle 3 de versies van deze code

float:left; float: links;
filter:alpha(opacity=80); filter: alpha (opacity = 80);
-moz-opacity:.80; - moz-opacity: .80;
opacity:.80; opacity: .80;

You can tweak those numbers to get different effects. U kunt deze tweak nummers om verschillende effecten. Just note that opacity =100 means it’s opaque. Just er nota van dat de opaciteit = 100 betekent dat het ondoorzichtig.
2 - Knowing what to make transparent 2 - Weten wat transparanter te maken

This code goes within the { } for your CSS definition. Deze code gaat in de () voor uw CSS definitie. You most likely won’t want to make your entire layout transparent - although there are some cases where this might be appealing. Je zult waarschijnlijk niet wilt maken van uw volledige lay-out transparante - hoewel er enkele gevallen waarin dit zou kunnen zijn aantrekkelijk. For example : Bijvoorbeeld:

To make a specific table content transparent place your code within the CSS definition for those tables. Als u een specifieke tabel inhoud transparant plaats van uw CSS-code in de definitie van deze tabellen.

eg for your myspace tables bijvoorbeeld voor uw MySpace tabellen

table table table { tabel tabel tabel (

float:left; float: links;
filter:alpha(opacity=80); filter: alpha (opacity = 80);
-moz-opacity:.80; - moz-opacity: .80;
opacity:.80; opacity: .80;

} )

3 - Know how transparent to make this 3 - Weet u hoe transparant te maken van deze

This is entirely subjective. Dit is geheel subjectief. You simply need to tinker with the numbers to figure out how transparent to make it. U hoeft enkel te tinker met de nummers om uit te vinden hoe transparant te maken. Just remember that # opacity = 100 - opacity transparency. Vergeet niet dat # dekvermogen = 100 - opaciteit transparantie. Therefore 30 % opacity = 70 % transparent Daarom 30% dekvermogen = 70% transparant

4 - Remember to set code for both internet explorer and mozilla type browsers 4 - Vergeet niet om code voor zowel Internet Explorer en Mozilla browsers type

The code listed above covers both IE and Mozilla Firefox. De code die hierboven heeft betrekking op zowel Internet Explorer en Mozilla Firefox. It is somewhat redundant but it is worth keeping. Het is een beetje overbodig, maar het is de moeite waard te houden.

Do not forget to assign the class to your element or this won’t work! Vergeet niet om de klasse aan uw element of dit zal niet werken!

css code: CSS code:

<style type=”text/css”> <style type="text/css">
.testtable { . testtable (
float:left; float: links;
filter:alpha(opacity=50); filter: alpha (opacity = 50);
-moz-opacity:.50; - moz-opacity: .50;
opacity:.50; opacity: .50;

} )
</style> </ style>

HTML CODE : HTML-code:

<table width=”50%” border=”0″ class=”testtable” > <table width="50%" border="0" class="testtable">
<tr>
<td><strong>This is the text in this table </strong></td> <td> 'Dit is de tekst in deze tabel </ strong> </ td>
</tr> </ TR>
<tr>
<td><img src=”/images/scrollingimage.jpg” width=”466″ height=”206″></td> <td> <img src="/images/scrollingimage.jpg" width="466" height="206"> </ td>
</tr> </ TR>
<tr>
<td>This is at 50 % opacity </td> <td> Dit is bij 50% van de opaciteit </ td>
</tr> </ TR>
</table> </ table>

We hope you will find this useful. We hopen dat u vindt dit nuttig. This is another example of how versatile CSS can be for designing your page layouts. Dit is een ander voorbeeld van hoe veelzijdig CSS kan worden voor het ontwerpen van uw pagina lay-out.

The first thing that you need to do is pick the myspace layout that you like. Het eerste dat je hoeft te doen is de pick myspace lay-out die u wilt. You can find them by clicking here. www.digitalicing.com U kunt ze vinden door hier te klikken. Www.digitalicing.com

Once you have picked a layout that you like, highlight the code. Zodra u een lay-out gekozen dat u wilt, op de code.

Once you have highlighted the code,copy ( pressing ctrl C ) the code to your clipboard. Als je eenmaal de aandacht van de code, kopiëren (Ctrl C) de code naar het klembord.

Now that you have copied the HTML that you need, log into your Myspace.com account. Nu u hebt gekopieerd dat de HTML-code die u nodig heeft, meldt u zich bij uw account Myspace.com. You will want to Edit your profile U wilt Wijzig uw profiel

After you click on the option to edit your profile, go to the “About Me” section. Nadat u op de optie voor het bewerken van je profiel, ga dan naar de 'Over mij'. You need to paste the code in the very top of this section. Je moet plak de code in de top van deze afdeling. Do not place any text before this code. Plaats geen tekst voordat deze code. Any text in your about me area that you would like to add should be added after the HTML code. Elke tekst in je over mij gebied dat u wilt toevoegen moet worden toegevoegd, na de HTML-code. To paste the code - either right click and choose paste or press ctrl V to paste the text. Plak de code - ofwel klik met de rechtermuisknop en kies plakken of druk op Ctrl V om de tekst te plakken.

You are almost done! U bent bijna klaar! Scroll to the very bottom of your page. Ga naar de onderkant van de pagina. You will see an option to save all changes. U ziet een optie voor het opslaan van alle veranderingen. Click on Save all changes Klik op Opslaan alle veranderingen

Once you do this - you are done! Zodra u dit doen - je bent klaar! It’s that easy! Zo eenvoudig is dat! We hope you enjoy! We hopen dat u geniet!

This category will contain information on thefreelogomakers.com. Deze categorie zal informatie bevatten over thefreelogomakers.com. Content here will be targeted towards the site allowing users to share all kinds of information. Content hier zal worden gericht op de site die gebruikers in staat stelt om alle vormen van informatie.