Adding coloured text and images to your guild page/notes

Praeficere

https://www.youtube.com/watch?v=qEwDmc1Le6Y&feature=youtu.be

A little guide I made on adding coloured text and icons to your guild homepage and notes! It's a great way to add expression to your guild note as well as making your Message of the Day easier to read.

Here's some example pictures:
Note:

Message of the Day:



How to:

Adding colour:

* Go to google and find the hexcode of a colour

* Copy ' |c#######text here|r ' into your note/MotD

* Paste your 6 character hexcode over the #s

* Change 'text here' to your own text

Adding images

* Find an image on http://wiki.esoui.com/Texture_List, alternatively download Circonians TextureIt (to see object textures as well as UI icons)

* Copy ' |tX:Y:imagelocation|t ' into your note/MotD

* Replace X with your horizontal size and Y with your vertical size

* Paste your image location over 'imagelocation'

If you have any questions feel free to reply here or message me in game if you're on PC EU!

ARIES SERPICO

Is it the same for Consoles?

Synroth

I can confirm the changing the colour of text works on console. However, I've never attempted adding an image.

mwo1480

Synroth wrote: »

I can confirm the changing the colour of text works on console. However, I've never attempted adding an image.

|t120:120:esoui/art/icons/pet_081.dds|t worked for me, its a little baby netch, chancing it to 71 makes it a wolf

Mendo

esoui/art/icons/pet_001.dds mudcrab
esoui/art/icons/pet_003.dds guar
esoui/art/icons/pet_004.dds tan spider
esoui/art/icons/pet_006.dds daedra imp
esoui/art/icons/pet_007.dds dwemer spider
esoui/art/icons/pet_009.dds white dog
esoui/art/icons/pet_012.dds bantam guar
esoui/art/icons/pet_014.dds daedra scamp
esoui/art/icons/pet_018.dds ice-wraith head
esoui/art/icons/pet_020.dds dwemer ball sentry
esoui/art/icons/pet_021.dds dark grey panther
esoui/art/icons/pet_024.dds goat-skull headed striped cat?
esoui/art/icons/pet_027.dds fennec fox
esoui/art/icons/pet_028.dds boar
esoui/art/icons/pet_035.dds white goat
esoui/art/icons/pet_036.dds dark grey daedra scamp
esoui/art/icons/pet_037.dds netch calf
esoui/art/icons/pet_038.dds tick?
esoui/art/icons/pet_041.dds black goat white feet and face
esoui/art/icons/pet_044.dds black bear cub
esoui/art/icons/pet_046.dds white bear cub
esoui/art/icons/pet_049.dds white tiger
esoui/art/icons/pet_051.dds penguin duck
esoui/art/icons/pet_052.dds mammoth
esoui/art/icons/pet_055.dds blue winged-frog
esoui/art/icons/pet_056.dds lion cub
esoui/art/icons/pet_057.dds dark pixie
esoui/art/icons/pet_062.dds honey badger
esoui/art/icons/pet_065.dds badger cub
esoui/art/icons/pet_068.dds sitting lion cub
esoui/art/icons/pet_070.dds brown wolf
esoui/art/icons/pet_071.dds wolf
esoui/art/icons/pet_074.dds sitting black ??
esoui/art/icons/pet_077.dds winged-snake
esoui/art/icons/pet_079.dds curled-tail dog
esoui/art/icons/pet_085.dds sitting white wolf pup
esoui/art/icons/pet_089.dds black flat-faced dog
esoui/art/icons/pet_090.dds tan flat-faced dog
esoui/art/icons/pet_091.dds black fennec fox
esoui/art/icons/pet_093.dds 4 butterflies
esoui/art/icons/pet_094.dds black panther cub
esoui/art/icons/pet_096.dds stretching tiger cub
esoui/art/icons/pet_098.dds stretching psijic black panther cub
esoui/art/icons/pet_099.dds tiger cub
esoui/art/icons/pet_100.dds playful leopard cub
esoui/art/icons/pet_101.dds head-turned tiger cub
esoui/art/icons/pet_102.dds sitting lion cub
esoui/art/icons/pet_103.dds standing white tiger cub
esoui/art/icons/pet_106.dds red dragonfly
esoui/art/icons/pet_107.dds blue dragonfly
esoui/art/icons/pet_109.dds kagouti
esoui/art/icons/pet_110.dds white cat licking paw
esoui/art/icons/pet_114.dds meowing sabre cub
esoui/art/icons/pet_115.dds black flat-nosed pup? 
esoui/art/icons/pet_116.dds tan flat-nosed pup
esoui/art/icons/pet_120.dds cricket
esoui/art/icons/pet_121.dds cliff strider
esoui/art/icons/pet_124.dds beetle
esoui/art/icons/pet_127.dds armor-plated black dog
esoui/art/icons/pet_130.dds armor-plated white dog
esoui/art/icons/pet_131.dds tan cliff strider
esoui/art/icons/pet_133.dds red coral crab
esoui/art/icons/pet_134.dds yellow coral crab
esoui/art/icons/pet_135.dds white lion cub
esoui/art/icons/pet_136.dds psijic black cub
esoui/art/icons/pet_139.dds vvardvark striped
esoui/art/icons/pet_142.dds red stripes wolf
esoui/art/icons/pet_147.dds boney glowing red eyes guar
esoui/art/icons/pet_150.dds white black swirl panther
esoui/art/icons/pet_150.dds white black swirl ??
esoui/art/icons/pet_152.dds black skull cat
esoui/art/icons/pet_156.dds light-brown mudcrab
esoui/art/icons/pet_158.dds fire-lava wolf
esoui/art/icons/pet_165_steam.dds orange-splotched winged-snake
esoui/art/icons/pet_165_xb1.dds green-splotched winged-snake
esoui/art/icons/pet_166.dds winged-snake
esoui/art/icons/pet_168.dds big-eared kitten

Beardimus

Cheers @Mendo would you know the code for the Pact Logo by any chance?

molly_y

Is it possible to underline or bold text in the Updates or Background info for a guild?

Alienoutlaw

Beardimus wrote: »

Cheers @Mendo would you know the code for the Pact Logo by any chance?

esoui\art\ava\ava_allianceflag_aldmeri.dds
esoui\art\ava\ava_allianceflag_daggerfall.dds
esoui\art\ava\ava_allianceflag_ebonheart.dds

Alienoutlaw

also the easiest way to change and add colour to MOTD is this site
https://www.sirmre.com/apps/eso-motd/

not sure if you can also
do this
sort of thing

Partomax

What's the ID for the bar he uses in the video? I cannot find it.

Cryptor

How do you do a line break and/or an empty line?

awesomedave55

In an effort to make this more user friendly for people they may not know alot about computers. Open the Textures list in Chrome and up in the corner is the 3 dot menu function. Click that and one of the choices is "find on page" using that can help you alot by targeting a certain phrase or key words that can help you find just the right picture for your guild note 😁