Beantwoorden
TempusMori
Berichten: 1.899
Geregistreerd: 05-10-2007
Bericht 1 van 14 (3.699 Weergaven)

Signature/Macro text Tips And Tricks

Hierbij wou ik even een korte topic in het leven roepen voor tips wat betreft de signature en macro html coding.

 

Signature 

 

Om te beginnen, je sig aanpassen doen we hier: Mijn persoonlijke profiel : Persoonlijk profiel : Handtekening

Aangezien de sig enkelt in html kan worden ingevoerd is dit mss een handig geheugen steuntje voor diegene die het makkelijk vinden om wat na te kijken.


TIP #1: reply op een bericht. Maak in die reply je sig zoals je hem wilt hebben en als je tevreden ben zoals je hem wilt klik dan op html buttonen kopieer de code die je ziet en gebruik deze in je signature box


om te beginnen starten we boven aan de sig.

 

Divider

 

Een hoop mensen gebruiken een simpele divider zoals "___" of "---". Op zich niks mis mee maar als je bij het begin van je sig de tekst <hr> zet krijg je een doorlopende lijn zoals je bij mij ziet. Zonder dat je dus een hoop onnodige tekens hoeft te plaatsen. Je kan deze ook zetten bij de tekst editor door middel op deze button te drukken divider in grafische editor van het bericht venster.


Image

 

als je een image wilt plaatsen moet je de volgende code gebruiken:
<img border="0" src="direct-link-naar-afbeelding">

 

Als je een image wilt met een text die evrschijnt zodra je met je muis eroverheen gaat gebruik je de volgende code
<img src="direct-link-naar-afbeelding" border="0" title="hover-over-text" />


TIP #2: Normaal gesproken gebruik je in html code de code <br> om naar de volgende regel te gaan. Als je dat tussen <hr> en je afbeelding doe dan krijg je een extra witregel. Wil je dit niet doe dan geen <br> invullen. De afbeelding zal automatisch naar de eerst volgende vrije regel gaan omdat de divider over de gehele breedte word geplaatst

 

Text

Plaats de volgende codes om je text aan te passen (of druk op hun respectievelijk knop in de grafische editor van hetbericht venster). Plaats de 1e van de set ( v.b. <strong> ) vooraan het aan te passen tekst en de 2e code ( v.b. </strong> ) achteraan.

 

<strong> </strong> dik gedrukt (en niet <b> </b> zoals traditionele html)
<em> </em> schuin gedrukt
<u> </u> onderstreept
<strike> </strike> doorstreept
<br> volgende regel
<center> </center> gecentreerd (werkt bij tekst en afbeeldingen)

Wil je de tekst laten linken naar een internet pagina dan moet je de volgende code gebruiken:
<a href="html-link-naar-pagina" target="_blank">zichtbare-tekst</a>


onderstaande is een simpele versie van mijn huidige sig code:

 

<hr><center><img border="0" src="http://img178.imageshack.us/img178/1047/tag9ar1.gif"><br>PSN: TempusMori | <a href="http://fah-web.stanford.edu/cgi-bin/main.py?qtype=teampage&amp;teamnum=69196" target="_blank">Folding@Home</a></center>


zoals je ziet staat de divider lijn helemaal vooraan gevold door center aan het begin en eind om het geheel (afbeelding en text) te centreren). de afbeelding staat direct na de divider dus zonder tussenruimte tussen lijn en beeld. dan een nieuwe regel gevolg door 1 normale tekst en 1 html gelinkte text.

 

Macro's

 

Macro's zijn kleine stukjes vooraf ingestelde codes die wederom werken op html basis, ik gebruik ze bij bijvoorbeeld het wat luister je nu topic om mijn cd info aan te geven:

 

dit:

 

<b>Artist:</b>
<b>Album:</b>
<b>Title:</b>
<b>Track:</b>
<b>Genre:</b>

 

word:

 

Artist:
Album:
Title:
Track:
Genre: -

 

De reden dat ik elk woord afzonderlijk vet gemaakt heb en een spatie erachter heb gezet is dat ik nu simpel weg normale text direct erachter kan invoeren zonder het weer terug te hoeven zetten.

 

Je kan Macro's ook bijvoorbeeld gebruiken om een Spoiler blok te maken zoals de mijne

 

dit:

<strong><em>spoiler alert: <font size="1">(select to read)</font></strong></em>
<hr><font color="#eceaea">spoiler tekst</font>
<hr><strong><em>end spoiler</strong></em>

 

word:

spoiler alert: (select to read)


spoiler tekst


end spoiler

 

als je bovenstaande tekst selecteer zie je "spoiler tekst"staan. Als je deze dan selecteer in het berichtvenster dan neemt je tekst wat je typt automatisch die kleur over en is dus alleen leesbaar als je deze selecteert.

 

 

 

Ik zal ongetwijfeld dingen vergeten zijn dus plaats je tips, tricks of handige macro's hier of vraag om hulp :smileywink:

©
Gelieve aub geen opmaak te gebruiken
MVP
Handige_Harry
Berichten: 7.086
Geregistreerd: 24-10-2002
Bericht 2 van 14 (3.643 Weergaven)

Re: Signature/Macro text Tips And Tricks

Nice tut Tempusmori
Gelieve aub geen opmaak te gebruiken
ImperatorA3
Berichten: 8.710
Geregistreerd: 06-10-2007
Bericht 3 van 14 (3.635 Weergaven)

Re: Signature/Macro text Tips And Tricks

Vooral dat van de Macro's is zeer interessant.
PSNProfiles
Gelieve aub geen opmaak te gebruiken
TempusMori
Berichten: 1.899
Geregistreerd: 05-10-2007
Bericht 4 van 14 (3.619 Weergaven)

Re: Signature/Macro text Tips And Tricks

merci luitjes :smileywink:

 

dat van die macro's vind ik persoonlijk erg handig. je kan het ook bijvoorbeeld gebruiken voor je normale forum tekst of iets dergelijks. je past bijvoorbeeld een woord aan in de grafische editor die je wil hebben voor je tekst en kopieer de html code naar een macro. zo heb je je forum tekst altijd hetzelde zonder dat je eerst alle knoppen hoeft in te drukken en aan te passen

 

dit:

test

 

word:

<font face="comic sans ms,sans-serif" size="4" color="#ffff00"><em>test</em></font></p>

 

 

dus als je nou bovengenoemde macro zou laden dan krijg je in je grafische editor direct een cursief gedrukte gele comic sans te zien waarbij je enkelt het woordje test hoeft te selecteren en te typen wat je wilt. alles blijft dan in die stijl. errug handig en scheelt een hoop werk als je het standaard tekst gebeuren zat ben :smileywink:

©
Gelieve aub geen opmaak te gebruiken
FCBier_NL
Berichten: 5.554
Geregistreerd: 10-08-2006
Bericht 5 van 14 (3.627 Weergaven)

Re: Signature/Macro text Tips And Tricks

Dit is inderdaad een erg handige tut Tempus! Bedankt daarvoor! Ik ga zeker kijken of ik ook iets met die macro's kan gaan doen, die zijn namelijk wel erg handig :smileyhappy:
Gelieve aub geen opmaak te gebruiken
FCBier_NL
Berichten: 5.554
Geregistreerd: 10-08-2006
Bericht 6 van 14 (3.607 Weergaven)

Re: Signature/Macro text Tips And Tricks

Zo dat moeten we natuurlijk wel even testen :smileyhappy:

Gelieve aub geen opmaak te gebruiken
Member
ThornWire
Berichten: 117
Geregistreerd: 14-09-2008
Bericht 7 van 14 (3.445 Weergaven)

Re: Signature/Macro text Tips And Tricks

Goede info.

Gelieve aub geen opmaak te gebruiken
TempusMori
Berichten: 1.899
Geregistreerd: 05-10-2007
Bericht 8 van 14 (3.161 Weergaven)

Re: Signature/Macro text Tips And Tricks

PSN Draagbaar ID AANVULLING (geen idee waar ik het moest posten dus ik doe het maar hier)

 

ok dus sinds kort heeft Sony PlayStation de zogeheette Draagbare PSN ID" gelanceerd, alles leuk en aardig maar op het forum zitten we nog steeds met het limiet van 500x150 pixels. ok ok, deze regel wordt over het algemeen heel vrij gehouden en voor zover ik weet zijn er nog niet echt drastische stappen tegen leden genomen (maarja ik ben een poosje weggeweest dus ik weet ook ni alles meer).

 

anyhoo ik dwaal af...

 

Sommige weten dat ik afentoe nogal een Pietje Precies ben. ik hou ervan als iets er strak uitziet en eenheid toont.  dus hier is het euvel met het psn id, huidige sigs wijken af en niet zo zuinig ook.  mijn oplossing was (wat voor sommige misschien ook een leuk alternatief is)  om de ID in een totaal andere sig verwerken. (niet dat er iets mis is met andere sigs ofzo).

 

om iets "moois" te maken heb ik het basis beeld van de sig "geleend" en deze uitgebreid naar een brede uitvoering van de ID.

 

technische feitjes

het huidige ID is 225x100, dus om aan de 500 trouw te blijven heb ik via photoshop een nieuw beeld gemaakt van 275x100 (225+275 is nog steeds 500 volgens mij :smileytongue:) met wat basis dingetjes heb ik de diverse afstanden bepaald van de te gebruiken vlakken. beeld vlak is 85p hoog, grijze lijn 1p en dan houden we 14p over voor de blauwe balk (zie ook afbeelding. tevens heb ik aan de rechterkant van de afbeelding een klein zwart verloop geplaats zodat de lijn tussen de twee afbeeldingen niet overduidelijk aanwezig is. het beeld kan je invullen zoals je wilt, de grijze lijn is de kleur #a4a5b7 en het blauwe vlak heeft de kleur #3f3f87. in de balk kan je in principe ook de kleur neerzetten wat je wilt of eventueel met een gradatie naar het blauw (dit wederom om de overgang tussen de twee beelden te minimaliseren.

 

voorbeeldjes

 

hier ter illustratie een voorbeeldje van een "blanco" sig zoals ik die heb

 

 

en hier een voorbeeld van hoe die is als je je ID code ernaast zet

 

 

en een voorbeeldje compleet

 

 

zoals je ziet loopt de blauwe onderste balk vlekkeloos door in mekaar evenals de lijn erboven, de zwarte gradatie zit in alle ID's dus die is "standaard" hetzelfde

 

bijkomend voordeel is wanneer je je ID update, automatisch je sig ook mee update. dus deze hoef je maar 1 keer te plaatsen.

 

mocht mensen het willen dan kan ik proberen een basis psd filetje proberen online te zetten om te downloaden, scheelt voor jullie een hoop puzzel werk en dan kan je de rest naar hartewens invullen zoals je zelf mocht willen

©
Gelieve aub geen opmaak te gebruiken
ImperatorA3
Berichten: 8.710
Geregistreerd: 06-10-2007
Bericht 9 van 14 (3.117 Weergaven)

Re: Signature/Macro text Tips And Tricks

Mooi werk geleverd! :Thumbs:
PSNProfiles
Gelieve aub geen opmaak te gebruiken
Member
Typhone_NL
Berichten: 763
Geregistreerd: 29-12-2008
Bericht 10 van 14 (3.031 Weergaven)

Re: Signature/Macro text Tips And Tricks

Waarom zie ik telkens de link niet, die ik in me sig heb?

 

Dit is de me siggy zoals die is ingesteld;

 

<div align="center"><img border="0" src="http://img105.imageshack.us/img105/4696/typhonejt1.jpg"></div><div align="center"> </div><div align="center"><a href="http://www.scooter-freaks.nl/persoscoots/viewperso.php?id=61601">M'n Scooter-Freaks Scooter Perso!</a><br></div>

Gelieve aub geen opmaak te gebruiken