Current date/time is October 21st 2019, 12:11 am

Search found 2 matches for 6

Fitting an element in the announcements

Well,

https://help.forumotion.com/t105173-how-can-i-get-nivo-slider-with-orman-theme-box-animations#686395

I don't exactly know which part is for the slider and its in either the Jscript code or in the code that u must place in the homepage message. (I didn't change anything from the code in the guide i simply copy/pasted the stuff.

Idk man my idea seems easier in my mind. I already managed to fit the whole stuff nicely, as i showed in post #6 on the picture...thou by doing that i had to change a few margins, paddings and stuff in the "module main" element, which buggs everything else, dependent of that element... Anyway I simply need somebody to tell me which template is responsible for the announcements so i can just create a custom DIV beneath the announcements thingy and place the code over there.
by DeadlyX
on December 1st 2015, 3:54 pm
 
Search in: Garbage
Topic: Fitting an element in the announcements
Replies: 17
Views: 918

Add an image to the rank name ( + customizing ranks)

Add an image to the rank name ( + customizing ranks)



Topics tagged under 6 on The forum of the forums 29osx12How to modify your rank name


The result:

Topics tagged under 6 on The forum of the forums Zx4oq8

Tools you may need:


Tinypic.com for image uploads (we use tinypic because it gives a short URL this is important)
Photoshop/GIMP or your admin panel color picker (for color hex codes)
A mini rank name image (max 16x16 pixels)
*html knowledge (for more complex customizations)


Topics tagged under 6 on The forum of the forums Jpkje8 Rank Name text effects


For the first part all you do is edit the rank menu settings.
Go to Admin panel-> Users and Groups -> Rank Administration
Edit one of your existing ranks, or create a new one

In the rank title first type the name you want, for example "Administrator"
Next to make part of the title bold you have to give it an html bold class.

Topics tagged under 6 on The forum of the forums Puce_bleuHere's how:   <b>Admin</b>istrator

Now we need to give the font some color.
To do this you have to add a vaild html color tag to a font tag.

Topics tagged under 6 on The forum of the forums Puce_bleuHere's how:   <font color="#000000"><b>Admin</b></font>istrator

Topics tagged under 6 on The forum of the forums 21ms313
Warning!
 Make sure all your tags are properly opened and closed. Example <font></font> <b></b>. If you do not close your tag , your posts or forum can be affected!
Warning!
when you use <font color> you have to use the proper ="#6 digit hexcode" , if you do not use the proper form the color won't appear.


Topics tagged under 6 on The forum of the forums 21ms313Remember that the Rank Title has a limit of characters. If you put to much code the title won't fit!


Topics tagged under 6 on The forum of the forums 2pt8jo1Rank Name Image


As mentioned above don't go overboard with your rank effects. Just changing the bold and color is a whole load of difference. You need the extra space to use images in your rank name!


To add an image to your rank title all you need to do is upload an image to tinypic.com
We use tinypic.com because the image url is very short which saves a lot of space. If you didn't use any text effects from above you can upload your image to other hosts, with longer urls.

- upload your max 16x16 picture to tinypic
- retrieve the short url and copy it

Now we need to add a simple img html tag infront of your text

Topics tagged under 6 on The forum of the forums Puce_bleuHere's how:   <img src="url from tinypic.png" /><font color="#000000"><b>Admin</b></font>istrator

and thats it. The image tag has an integrated end tag /> you don't need to add a </img> tag!

As soon as you save your rank, the image and text effects will appear.



by Jalokim
on November 5th 2009, 12:02 am
 
Search in: Tips & Tricks
Topic: Add an image to the rank name ( + customizing ranks)
Replies: 0
Views: 12207

Back to top

Jump to: