Jenny ([info]minty_peach) wrote,
@ 2008-02-10 20:18:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Current music:queen
Entry tags:custom: tiny icons

tiny icons - set 4






PLEASE UPLOAD TO YOUR OWN IMAGE HOST.
** also great for use next to mood/music/tags


i suggest using the Tiny Icon Generator. I have heard some of you had "cut off" icons when using the codes from that site, but i found that if you put !importaint; at the end of each padding tag so it says something like this: padding: ##px ##px 0 2px !important; it works fine. (## indicate the height and width of each pic you are using, it will be automatically added to the code when using the "Tiny Icon Generator")


* ATTENTION: Please note that LJ has changed the URLs to their default user icons, so when you are generating the code to replace them, make sure the urls that used to begin like this:

HTTP://STAT.LIVEJOURNAL.COM

now begin like this:
HTTP://P-STAT.LIVEJOURNAL.COM

Page 1 of 4
<<[1] [2] [3] [4] >>

(Post a new comment)


[info]jude_judith82
2008-02-11 01:27 am UTC (link)
OOOOOOOh these are fabulous. Saving!

(Reply to this)


[info]the_mischief
2008-02-11 01:27 am UTC (link)
oh the fish is lovely <3

(Reply to this)


[info]bombottosa
2008-02-11 01:30 am UTC (link)
I love them!!!Saved all of them, thank you :)

(Reply to this)


[info]sunrise_sets
2008-02-11 01:30 am UTC (link)
They're so incredibly cute! :) Love the fruit!

(Reply to this)


[info]never_evil
2008-02-11 01:32 am UTC (link)
Thanks for these - they're great ♥

(Reply to this)


[info]heartswhisper
2008-02-11 01:44 am UTC (link)
These are super cute!!

(Reply to this)


[info]15north
2008-02-11 01:44 am UTC (link)
I will definitely be using some of these, epsecially the apple.

Will credit.

(Reply to this)


[info]irosy
2008-02-11 01:48 am UTC (link)
own, i loved!

(Reply to this)


[info]pseudomute
2008-02-11 02:26 am UTC (link)
oh cool, thanks for this!

(Reply to this)


[info]o_greeneyes
2008-02-11 03:01 am UTC (link)
it's not working for me :(
i'm not sure what i did wrong, i hosted it, copied the direct link to image, changed the padding bit... i don't know what's up...

(Reply to this) (Thread)

[info]minty_peach
2008-02-11 05:45 am UTC (link)
hmm, i checked your codes, and you did do everything correctly...

1st question i have is: Do you see any hint of the icons?

I see one problem, i don't know how much it will contribute to fixing it, but i should have phrased my instructions differently...

for all the paddings, you have "padding: 14px 13px 0 2px !important;" i was just using as an example. You actually need to to to your photobucket and find the exact width and height of each pic. i made most of them 15x15px plus or minus a pixel or two

so you should do it like this: padding: PICHEIGHTpx PICWIDTHpx 0 2px !important;


so i'd say try that and see if it changes anything. :]

(Reply to this) (Parent)(Thread)
(no subject) - [info]o_greeneyes, 2008-02-12 01:00 am UTC
(no subject) - [info]minty_peach, 2008-02-12 05:23 am UTC
(no subject) - [info]o_greeneyes, 2008-02-15 03:19 pm UTC
(no subject) - [info]minty_peach, 2008-02-15 06:04 pm UTC

[info]koyuki_san
2008-02-11 05:41 am UTC (link)
Eee! So cute. Saving them and will credit when using. :)

(Reply to this)


[info]roonzil
2008-02-11 03:03 pm UTC (link)
These are so cute! Taking some and will credit when used.

(Reply to this)


[info]liousglam
2008-02-11 11:11 pm UTC (link)
i love the tiny icons. so cute
you are so talented :D

(Reply to this)


[info]novalee_grey
2008-02-12 12:07 pm UTC (link)
They are cute :D using some with credit ;)

(Reply to this)


[info]teh_haley
2008-02-12 08:57 pm UTC (link)
that fish is such a cutie! ♥

(Reply to this)


[info]kseenaa
2008-02-12 10:19 pm UTC (link)
I am so proud! I figured this one out to! Thank you! :-D I am using the apples to, since I think they are so very cute, and I like apples alot. ;-) *is proud* And thanx again for all your patience with me. :-)

(Reply to this)


[info]qqueen
2008-02-13 01:10 am UTC (link)
Hey, these are so nice^^ I've managed to set up userinfo and comm info fine, but the "friends only" entries picture isn't working. For example, there should be one in this post but there's just nothing =( I wondered if you could help me?
Also, I wanted to ask, what kind of coding do you need to include if you want tinyPictures to be displayed near "tags" "current music" etc, like in this lj?
Thanks in advance for any help or advice =)

(Reply to this) (Thread)

[info]minty_peach
2008-02-13 06:52 am UTC (link)
1. looking at your codes, the part where you are supposed to have filled in the width and height of the tiny pic for your PROTECTED entries is blank:

.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: px px 0px 0px; <--- fill in the empty px & px
background: url(http://i192.photobucket.com/albums/z266/qqueen33/lockedcopy.jpg);
}


2. to get tiny icons next to your mood, music, location:

replace the part in your code that looks like this:

.currents,
.currentmood,
.currentmusic
{font-family: franklin gothic medium, verdana, arial, helvetica, sans-serif;
font-size: 7pt;
letter-spacing: 1px;
color: #aaaaaa;
text-transform: lowercase}


with this:

.currents, .currentmood, .currentmusic {
font-family: arial;
}

.currents strong, .ljtags strong {
padding-left: 13px;
margin-top: 35px;
font-size: 10px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
}

.currentmood strong, .currentlocation {
background: url('TINY PIC URL') 0px 0px no-repeat;
}

.currentmusic {
background: url('TINY PIC URL') 0px 0px no-repeat;
}

.ljtags {
margin-top: 25px;
margin-left: 1px;
padding-left: 13px;
text-transform: lowercase;
font-family: "arial" Helvetica, sans-serif;
background: url('TINY PIC URL') 0px 2px no-repeat;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
text-transform: lowercase;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
text-transform: lowercase;
}

.currentlocation a:hover, .ljtags a:hover {
text-decoration: none;
}


*** but you would need to fill in the places in the code marked "TINY PIC YRL" with your selected tinypic.
I hope that helped, and that made sense. :]

(Reply to this) (Parent)(Thread)
(no subject) - [info]qqueen, 2008-02-13 07:29 pm UTC
(no subject) - [info]minty_peach, 2008-02-13 07:50 pm UTC
(no subject) - [info]minty_peach, 2008-02-13 07:55 pm UTC
(no subject) - [info]minty_peach, 2008-02-13 08:05 pm UTC
(no subject) - [info]qqueen, 2008-02-13 08:34 pm UTC
(no subject) - [info]minty_peach, 2008-02-13 09:46 pm UTC
(no subject) - [info]qqueen, 2008-02-13 10:22 pm UTC
(no subject) - [info]minty_peach, 2008-02-13 10:27 pm UTC

[info]orisinalstar
2008-02-13 06:45 am UTC (link)
Yeeey~~ saved all. Thanks ^-^

(Reply to this)


[info]buffy88
2008-02-13 07:18 pm UTC (link)
lovely..I'm gone use them

(Reply to this)


[info]atlanticise
2008-02-16 03:28 am UTC (link)
Ah! So cute! I'm gonna use them, thanks loads. For the "currents" coding, too.

(Reply to this)


[info]deadwinglullaby
2008-02-16 06:03 am UTC (link)
forgive my stupidity...but I'm a little confused. I'm just wondering, what's the area in the code where I insert the heightxwidth and the URL for the little apple icon--so that it appears next to people's usernames? :x

Sorry for asking. D; I'm just not very used to this sort of stuff ^^;

(Reply to this) (Thread)

[info]minty_peach
2008-02-16 11:24 pm UTC (link)
the section for the tiny user icons are not already in the layout CSS, you need to go to the tiny icon generator and insert the pic urls, and the height and width. then when you are done, you press "submit" and it automatically does the adding for you.

all you need to do is what i wrote in the blockquote box above, and that is add !important after the padding section.

(Reply to this) (Parent)(Thread)
(no subject) - [info]deadwinglullaby, 2008-02-17 01:42 am UTC
(no subject) - [info]minty_peach, 2008-02-17 11:04 pm UTC

[info]22_8miles
2008-02-17 02:26 pm UTC (link)
taking some. thank you! ( and i wil credit when i use them)

(Reply to this)


[info]jam_min
2008-02-18 04:06 pm UTC (link)
These are lovely♥

thanks :)

(Reply to this)


[info]maybetomorrow
2008-02-20 06:07 am UTC (link)
taking, will credit :)

(Reply to this)


[info]crixivan
2008-02-22 02:53 am UTC (link)
thanks a lot~~~~! ^____^ it's really useful. credit will be definitely yours..I ♥ ♥ ♥♥ it!!!

(Reply to this)

Page 1 of 4
<<[1] [2] [3] [4] >>

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…