op 02-08-2008 11:34 PM
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
en 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
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.gi
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 ![]()
op 03-08-2008 12:09 AM
op 03-08-2008 12:30 AM
op 03-08-2008 03:00 PM
merci luitjes ![]()
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 ![]()
op 04-08-2008 07:21 AM
op 04-08-2008 11:16 AM
op 15-09-2008 07:14 PM
Goede info.
op 29-01-2009 10:41 PM
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
) 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
op 29-01-2009 11:03 PM
op 27-02-2009 10:26 PM
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
|
|
|
|
|
Volg ook Community Teamleader Pandapandora en Moderator MartyatMax.
Website ©2011 Sony Computer Entertainment Europe
Alle inhoud, speltitels, handelsnamen en/of handelsimago's, handelsmerken, illustraties en aanverwante beelden zijn de handelmerken en/of het auteursrechtelijk materiaal van hun respectievelijke eigenaars. Alle rechten zijn voorbehouden.[meer info]