Digitally Distinct: Signature Tutorial Thread

Need help with the site/forum/pets? Ask questions and get help from other members here.

Re: Digitally Distinct: Signature Tutorial Thread

Postby storm coming. » Tue Jul 14, 2015 7:11 pm

    see my ugly disgusting signature guys? he he, could someone possibly help me with it? i suck at coding and y'all are masters at it. if no one wants to, that's fine but i will put the link to your profile in it as "sig help" thanks for taking the time to read this guys and i hope to have an amazing signature someday… if no one wants to help it's absolutely fine. c:

    EDIT: found someone! <3
User avatar
storm coming.
 
Posts: 34951
Joined: Tue Oct 14, 2014 12:10 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby rocoboq » Tue Jul 14, 2015 8:03 pm

Hello! I've recently taken it upon myself to learn some BBCode and how to make some basic signatures and such for myself, and decided after joining a new fandom, why shouldn't I make a siggy for it? xD I know, I'm weird. Well, here's the code:
Code: Select all
[left][img]http://i.imgur.com/od4gG4r.png[/img][/left][center][color=transparent]x
x
x
x
x
x
x[/color][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQwLjAwMDAwMC5RMkZ5Y25rZ1QyNGdUWGtnVjJGNWQyRnlaQ0JUYjI0LC4wAAAA/reenie-beanie.regular.png[/img]
◤[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]◥
[b]There'll Be Peace When You Are Done
Lay Your Weary Head To Rest[/b]
◣[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]◢
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQwLjAwMDAwMC5SRzl1SjNRZ1dXOTFJRU55ZVNCT2J5Qk5iM0psLjAAAAAA/reenie-beanie.regular.png[/img][color=transparent]x
x
x
x
x
x
x[/color][/center][right][img]http://i.imgur.com/109DDpB.png[/img][/right]

I've tried different things, but I can't get the last image (The one of Dean) to go where it's supposed to be, which is right next to the rest of the text. I don't know if all together it's too wide, or what. I can easily fix that if so, but it'd be cool if someone could tell me what I did wrong, how it affected everything, and how to fix it. Thanks! <3
xxxxxxxxxxxxxxx
the biggest nerd
working a lot
adult player

──── istp ────
newbie guide
important links
adopt a newbie
help ticket

xxxxxxxxxxxxxxx
Image
User avatar
rocoboq
 
Posts: 4301
Joined: Sun Oct 27, 2013 3:16 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Windy0cloud » Tue Jul 14, 2015 8:34 pm

You´ll need to make the middle stuff smaller. Also, if you want everything hugged together, just only use left code.
xxxx
Image
Image
when you feel lost in the darkness,
i see you.

hi, i'm windy. if you need someone
to talk to, feel free to message me.

x

r.i.p 23/01/2020
User avatar
Windy0cloud
 
Posts: 10649
Joined: Sat Aug 30, 2014 11:17 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby rocoboq » Tue Jul 14, 2015 9:10 pm

Thank you! I messed with it a bit and came up with this:
Code: Select all
[left][img]http://i.imgur.com/gM98TWb.png[/img][/left][left][center][color=transparent]x
x
x
x[/color][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LjAwMDAwMC5RMkZ5Y25rZ1QyNGdUWGtnVjJGNWQyRnlaQ0JUYjI0LC4wAAAA/reenie-beanie.regular.png[/img]
[size=100]◤[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]◥
There'll Be Peace When You Are Done
Lay Your Weary Head To Rest
◣[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]◢[/size]
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjM2LjAwMDAwMC5SRzl1SjNRZ1dXOTFJRU55ZVNCT2J5Qk5iM0psLjAA/reenie-beanie.regular.png[/img][/center][/left][left][img]http://i.imgur.com/Pa3HkfS.png[/img][/left]


Image
x
x
x
x
Image
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
There'll Be Peace When You Are Done
Lay Your Weary Head To Rest
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Image
Image














There's definitely a few thing's I'd probably wanna change (Maybe a small text box somewhere, but I'm cool without.), but I'm very happy with it. I'll probably use it sometime when I make an avatar for it, and add some link slots... xD Thanks again! (It looks a little different as an actual signature, and not a copy-and-paste.)
xxxxxxxxxxxxxxx
the biggest nerd
working a lot
adult player

──── istp ────
newbie guide
important links
adopt a newbie
help ticket

xxxxxxxxxxxxxxx
Image
User avatar
rocoboq
 
Posts: 4301
Joined: Sun Oct 27, 2013 3:16 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Antipathy » Wed Jul 15, 2015 8:13 am

Code: Select all
[left][center][img]http://sig.grumpybumpers.com/host/MonkeySee.gif[/img][/center][/left][right][center][img]http://i.imgur.com/UXyEOsh.png[/img][/center]
[center][img]http://i60.tinypic.com/208wtmv.png[/img]
[img]http://i.imgur.com/CPiVj7e.gif[/img][img]http://i.imgur.com/Zjxsofe.gif[/img][img]http://i.imgur.com/o3Sf9nl.gif[/img]
[img]http://i.imgur.com/FYJEpyF.png[/img][color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color][img]http://i.imgur.com/omVxGPK.png[/img][/center][/right]

This is my siganture so far (as you can see below), and I want to put text in between the grey bars, but I'm not sure how. Could someone help me out?
Image



some people call me
the space cowboy
some call me the
gangster of love


audhd | adult
< me n my husband
art credit
hoards + collections
User avatar
Antipathy
 
Posts: 17708
Joined: Tue Mar 19, 2013 12:27 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby mint. » Wed Jul 15, 2015 8:48 am

p a r a в a т a ι. wrote:There's definitely a few thing's I'd probably wanna change (Maybe a small text box somewhere, but I'm cool without.), but I'm very happy with it. I'll probably use it sometime when I make an avatar for it, and add some link slots... xD Thanks again! (It looks a little different as an actual signature, and not a copy-and-paste.)


sorry for late response, glad you fixed it! in the future, if you want a parallel [ left ] and [ right ] object, place them beside each other. never place it as
[ left ] TEXT TEXT [/ left ] [ center ] blah[/ center ] [ right ] hello [/ right ]

instead, do:

[ left ] TEXT TEXT [/ left ] [ right ] hello [/ right ] [ center ] blah [/ center ]

this is so that the browser reads it as (imagine this is the browser talking okay)
" okay, so TEXT TEXT goes on the left side, hello on the right, and I'll fit as much as I can of blah centered in the middle. "

instead of:
" okay, so TEXT TEXT goes on the left side, blah centered in the middle, and I'll insert a line break because hello can't fit on the same line."

your code fixed:


Code: Select all
[right][img]http://i.imgur.com/109DDpB.png[/img][/right][left][img]http://i.imgur.com/od4gG4r.png[/img][/left][center][color=transparent]x
x
x
x
x
x
x[/color][img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQwLjAwMDAwMC5RMkZ5Y25rZ1QyNGdUWGtnVjJGNWQyRnlaQ0JUYjI0LC4wAAAA/reenie-beanie.regular.png[/img]
◤[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]◥
[b]There'll Be Peace When You Are Done
Lay Your Weary Head To Rest[/b]
◣[color=transparent]xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx[/color]◢
[img]http://txt-dynamic.static.1001fonts.net/txt/dHRmLjQwLjAwMDAwMC5SRzl1SjNRZ1dXOTFJRU55ZVNCT2J5Qk5iM0psLjAAAAAA/reenie-beanie.regular.png[/img][color=transparent]x
x
x
x
x
x
x[/color][/center]



------------------------------------------------------------------------------------------------------------------------------------
The Mad Doctor wrote:This is my siganture so far (as you can see below), and I want to put text in between the grey bars, but I'm not sure how. Could someone help me out?

What you want to achieve is definitely not that simple to explain. You needed to use the right-right and right-left attributes to tell the browser to make columns within columns. you can now replace the "text text" with what you need, HOWEVER, you must make appropriate line breaks or else the text will cut of the next set of grey bars.
Code: Select all
[left][center][img]http://sig.grumpybumpers.com/host/MonkeySee.gif[/img][/center][/left][right][center][img]http://i.imgur.com/UXyEOsh.png[/img][/center]
[center][img]http://i60.tinypic.com/208wtmv.png[/img]
[img]http://i.imgur.com/CPiVj7e.gif[/img][img]http://i.imgur.com/Zjxsofe.gif[/img][img]http://i.imgur.com/o3Sf9nl.gif[/img]
[left][img]http://i.imgur.com/FYJEpyF.png[/img][/left][left]text text text text text text text text[/left][img]http://i.imgur.com/omVxGPK.png[/img][/center][/right]
Last edited by mint. on Wed Jul 15, 2015 9:04 am, edited 3 times in total.
Image
x














Image









x
WEBSITES
xxxxxxxxxxxxx
dragcave
howrse - refer
sylestia - refer
neopets
fr - dom. shop


if you use refer, pm
so i can gift you <3

xxxxxxxxxxxxx










xImage
x
Image Image
anime render stock | MikoneLOVE (DA)









Image
User avatar
mint.
 
Posts: 10487
Joined: Sun Sep 18, 2011 1:55 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby oliver, » Wed Jul 15, 2015 3:11 pm

Could somebody help me? I need that ice line to come up, and one after all the text, and the gif won't come up. I'd be very grateful if someone helped me.

Code: Select all
[left][img]http://oi60.tinypic.com/1sm8go.jpg[/img][/left][left][img]http://i59.tinypic.com/2qite9g.jpg[/img]
[img]http://i61.tinypic.com/xqgk92.jpg[/img]
[img]http://i58.tinypic.com/vzzipe.jpg[/img][/left]
[left][img]http://i57.tinypic.com/30bgz2q.jpg[/img][/left][left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjI0LjFjMDBhMy5WMlVnUVhKbElGUm9aUSwsLjIA/sablon-up.regular.png[/img][/left]

[left][color=#800000]╔══════════╗
 Text text text
text text text
╚══════════╝[/color][/left]




[left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjI0LjFjMDBhMy5WMkZ5Y21sdmNuTWdWMmh2LjIA/sablon-up.regular.png[/img][/left]


[left][color=#800000]╔══════════╗
 Text text text
text text text
╚══════════╝[/color][/left]




[left][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjIyLjFjMDBhMy5RblZwYkhRZ1ZHaHBjeUJVYjNkdS4yAAAA/sablon-up.regular.png[/img][/left][right][img]http://oi58.tinypic.com/16baa6x.jpg[/img][/right]
Image
┏ ━ ━ ┓



so i'm bac
k, after a
a while si
g inspired
by
Canada
love yall




┗ ━ ━ ┛
❁-❁-❁-❁-❁-❁-❁
░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
Image
Image Image Image Image Image









━ ━
'ello names
oliver, plea
se call me o
lly though. i
code. (i'm ki
nda awkward)
but your too
cute!

━ ━









░░
░░
░░
░░
░░
░░
░░
░░
░░
░░
Image
User avatar
oliver,
 
Posts: 4943
Joined: Sun Apr 13, 2014 10:54 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby kristenn11 » Thu Jul 16, 2015 3:49 am

    @MoonlitRaven Is this what you wanted? I coded everything to the left and centered the text.

    Code: Select all
    [left][img]http://oi60.tinypic.com/1sm8go.jpg[/img][/left][left][img]http://i59.tinypic.com/2qite9g.jpg[/img]
    [img]http://i61.tinypic.com/xqgk92.jpg[/img]
    [img]http://i58.tinypic.com/vzzipe.jpg[/img][/left]
    [left][img]http://i57.tinypic.com/30bgz2q.jpg[/img][/left][left][center][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjI0LjFjMDBhMy5WMlVnUVhKbElGUm9aUSwsLjIA/sablon-up.regular.png[/img]

    [color=#800000]╔══════════╗
     Text text text
    text text text
    ╚══════════╝[/color]




    [img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjI0LjFjMDBhMy5WMkZ5Y21sdmNuTWdWMmh2LjIA/sablon-up.regular.png[/img]


    [color=#800000]╔══════════╗
     Text text text
    text text text
    ╚══════════╝[/color]




    [img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjIyLjFjMDBhMy5RblZwYkhRZ1ZHaHBjeUJVYjNkdS4yAAAA/sablon-up.regular.png[/img][/center][/left][left][img]http://oi58.tinypic.com/16baa6x.jpg[/img][/left]
kristenn11
 
Posts: 9355
Joined: Sun Sep 02, 2012 12:37 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Antipathy » Thu Jul 16, 2015 4:33 am

-snip-
The Mad Doctor wrote:This is my siganture so far (as you can see below), and I want to put text in between the grey bars, but I'm not sure how. Could someone help me out?

What you want to achieve is definitely not that simple to explain. You needed to use the right-right and right-left attributes to tell the browser to make columns within columns. you can now replace the "text text" with what you need, HOWEVER, you must make appropriate line breaks or else the text will cut of the next set of grey bars.
Code: Select all
[left][center][img]http://sig.grumpybumpers.com/host/MonkeySee.gif[/img][/center][/left][right][center][img]http://i.imgur.com/UXyEOsh.png[/img][/center]
[center][img]http://i60.tinypic.com/208wtmv.png[/img]
[img]http://i.imgur.com/CPiVj7e.gif[/img][img]http://i.imgur.com/Zjxsofe.gif[/img][img]http://i.imgur.com/o3Sf9nl.gif[/img]
[left][img]http://i.imgur.com/FYJEpyF.png[/img][/left][left]text text text text text text text text[/left][img]http://i.imgur.com/omVxGPK.png[/img][/center][/right]
[/quote]
Thanks!
Image



some people call me
the space cowboy
some call me the
gangster of love


audhd | adult
< me n my husband
art credit
hoards + collections
User avatar
Antipathy
 
Posts: 17708
Joined: Tue Mar 19, 2013 12:27 pm
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Re: Digitally Distinct: Signature Tutorial Thread

Postby Nightsent » Thu Jul 16, 2015 5:37 am

Code: Select all
[left][img]http://oi60.tinypic.com/1sm8go.jpg[/img][/left][left][img]http://i59.tinypic.com/2qite9g.jpg[/img]
[img]http://i61.tinypic.com/xqgk92.jpg[/img][img]http://i58.tinypic.com/vzzipe.jpg[/img][/left][left][img]http://i57.tinypic.com/30bgz2q.jpg[/img][/left][left][center][img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjI0LjFjMDBhMy5WMlVnUVhKbElGUm9aUSwsLjIA/sablon-up.regular.png[/img]

[color=#800000]╔══════════╗
 Text text text
text text text
╚══════════╝[/color]



[img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjI0LjFjMDBhMy5WMkZ5Y21sdmNuTWdWMmh2LjIA/sablon-up.regular.png[/img]



[color=#800000]╔══════════╗
 Text text text
text text text
╚══════════╝[/color]



[img]http://txt-dynamic.static.1001fonts.net/txt/b3RmLjIyLjFjMDBhMy5RblZwYkhRZ1ZHaHBjeUJVYjNkdS4yAAAA/sablon-up.regular.png[/img][/center][/left][left][img]http://oi58.tinypic.com/16baa6x.jpg[/img][/left]

@MoonlitRaven - is that how you wanted it??? If so, I put everything to left and deleted some of the spaces between images. I also centered the text for you.
User avatar
Nightsent
 
Posts: 6600
Joined: Tue Nov 25, 2014 10:04 am
My pets
My items
My wishlist
My gallery
My scenes
My dressups
Trade with me

Who is online

Users browsing this forum: No registered users and 1 guest