The PokéCommunity Forums Off-Topic Discussions Internet & Technology
CSS Help & Resources

Internet & Technology Here's where we nerd out about the world wide web and all forms of technology!

Reply
 
Thread Tools
  #876    
Old June 12th, 2017 (2:31 PM).
Spyro's Avatar
Spyro Spyro is offline
 
Join Date: Jan 2016
Nature: Sassy
Posts: 2,376
Hi! I need help with a very small thing. See my signature, I have 2 images. The Leafeon Sprite is meant to be on the right side, but it's kinda also under the Spyro Gif. Is there a way to put the Sprite in parallel of the gif? I can provide my sig's "code" if needed
__________________
Reply With Quote
  #877    
Old June 12th, 2017 (3:45 PM).
Spyro's Avatar
Spyro Spyro is offline
 
Join Date: Jan 2016
Nature: Sassy
Posts: 2,376
Quote:
Originally Posted by Johnny View Post
Like this?

Yes! :o exactly!
__________________
Reply With Quote
  #878    
Old June 12th, 2017 (3:57 PM). Edited June 13th, 2017 by Spyro.
Spyro's Avatar
Spyro Spyro is offline
 
Join Date: Jan 2016
Nature: Sassy
Posts: 2,376
Quote:
Originally Posted by Johnny View Post
You need to "float: right" the sprite and put it above spyro image.
Sweet! I'll try that, thank you senpai! :3c

Had a little time to do it and it works! Thank you ^-^
__________________
Reply With Quote
  #879    
Old July 2nd, 2017 (8:05 PM). Edited July 2nd, 2017 by Radiating.
Radiating's Avatar
Radiating Radiating is offline
 
Join Date: Feb 2017
Location: Minnesota
Gender: Male
Nature: Calm
Posts: 5,787
Hello! Does anyone know the CSS code to add a black text bar at the bottom of an image/gif? (Also is there a way to adjust the height and length of said bar?)
Reply With Quote
  #880    
Old July 2nd, 2017 (10:50 PM).
Yvtq8K3n's Avatar
Yvtq8K3n Yvtq8K3n is offline
muhaha
     
    Join Date: Jul 2014
    Location: Portugal
    Age: 20
    Gender: Male
    Nature: Naughty
    Posts: 85
    Quote:
    Originally Posted by Radiating View Post
    Hello! Does anyone know the CSS code to add a black text bar at the bottom of an image/gif? (Also is there a way to adjust the height and length of said bar?)
    just use paint(png) or photoshop(gift) and all your scalling problems will be solve, hehe.

    (If u still insist whit css send me a pm, i can help u making what u want, if so pm me like the image and that border details),
    __________________
    I never fail or maybe i do(muahaha)
    Reply With Quote
      #881    
    Old July 3rd, 2017 (11:58 AM).
    Ash's Avatar
    Ash Ash is offline
    redemption
     
    Join Date: Jul 2008
    Nature: Gentle
    Posts: 11,006
    Quote:
    Originally Posted by Radiating View Post
    Hello! Does anyone know the CSS code to add a black text bar at the bottom of an image/gif? (Also is there a way to adjust the height and length of said bar?)
    something like this?

    Moderator - Pairs - PokéTrivia League - Credit


    if so here's the code for this below. the way i did it was having a black box and then putting the image and the text below inside. size of the text box can easily be changes by adding more height to the box or padding.

    please forgive the content this signature was from like two years ago rip

    HTML Code:
    [CENTER][cd=width: 400px; height: 215px;overflow: hidden;background-color: #000][IMG]http://i.imgur.com/PO38vvL.gif[/IMG][cd=font-size: 9px;  letter-spacing: 4px; font-family:segoe ui;line-height: 150%;color:#fff][title=Pokemon Trivia & Forum Games]Moderator[/title] - [title=Stand Alone & Roswell]Pairs[/title] - [title=Earn your Badges today!][URL="http://www.pokecommunity.com/showthread.php?t=302695"][COLOR=#fff]PokéTrivia League[/COLOR][/URL][/title] - [title=icon from fonic_database | gif from tumblr][URL="http://fonic-database.livejournal.com"][COLOR=#fff]Credit[/COLOR][/URL][/title][/cd]
    [/cd][/CENTER]
    Reply With Quote
      #882    
    Old July 3rd, 2017 (12:39 PM).
    Radiating's Avatar
    Radiating Radiating is offline
     
    Join Date: Feb 2017
    Location: Minnesota
    Gender: Male
    Nature: Calm
    Posts: 5,787
    Quote:
    Originally Posted by Ash View Post
    something like this?

    Moderator - Pairs - PokéTrivia League - Credit


    if so here's the code for this below. the way i did it was having a black box and then putting the image and the text below inside. size of the text box can easily be changes by adding more height to the box or padding.

    please forgive the content this signature was from like two years ago rip

    HTML Code:
    [CENTER][cd=width: 400px; height: 215px;overflow: hidden;background-color: #000][IMG]http://i.imgur.com/PO38vvL.gif[/IMG][cd=font-size: 9px;  letter-spacing: 4px; font-family:segoe ui;line-height: 150%;color:#fff][title=Pokemon Trivia & Forum Games]Moderator[/title] - [title=Stand Alone & Roswell]Pairs[/title] - [title=Earn your Badges today!][URL="http://www.pokecommunity.com/showthread.php?t=302695"][COLOR=#fff]PokéTrivia League[/COLOR][/URL][/title] - [title=icon from fonic_database | gif from tumblr][URL="http://fonic-database.livejournal.com"][COLOR=#fff]Credit[/COLOR][/URL][/title][/cd]
    [/cd][/CENTER]
    Yes something like that would be perfect! I tried to make a CSS textbox like that but I couldn't get to work ;-;. Would it be alright to borrow the code for my sig? I'd change up all the current text and pictures. (I'd also give credit either in the sig or my profile.)
    Reply With Quote
      #883    
    Old July 3rd, 2017 (1:49 PM).
    Ash's Avatar
    Ash Ash is offline
    redemption
     
    Join Date: Jul 2008
    Nature: Gentle
    Posts: 11,006
    Quote:
    Originally Posted by Radiating View Post
    Yes something like that would be perfect! I tried to make a CSS textbox like that but I couldn't get to work ;-;. Would it be alright to borrow the code for my sig? I'd change up all the current text and pictures. (I'd also give credit either in the sig or my profile.)
    Yes you are more than welcome to use it!! Let me know if you have any issues!
    Reply With Quote
      #884    
    Old April 29th, 2018 (12:40 PM).
    Nah's Avatar
    Nah Nah is offline
     
    Join Date: Nov 2013
    Age: 26
    Gender: Female
    Posts: 12,807
    Is there a limit on the number of slides a css carousel can have?
    __________________
    Nah ンン
    “No, I... I have to be strong. Everyone expects me to."
    Reply With Quote
      #885    
    Old April 29th, 2018 (10:04 PM).
    Incineroar.'s Avatar
    Incineroar. Incineroar. is offline
     
    Join Date: May 2009
    Posts: 244
    There shouldn't be, it's probably dependent on the library itself and what the browser can show. That being said, screen width is a huge concern if you start using more than a few, so I'd probably try to keep the number low unless you don't have a positional marker for the carousel.
    __________________
    My country lay within a vast desert. When the sun rose into the sky, a burning wind punished my lands, searing the world.

    And when the moon climbed into the dark of night, a frigid gale pierced our homes. No matter when it came, the wind carried the same thing... Death.

    But the winds that blew across the green fields of Hyrule brought something other than suffering and ruin.

    I coveted that wind, I suppose.

    Moderator of Internet & Technology - Signature Image
    Reply With Quote
      #886    
    Old April 30th, 2018 (3:45 AM).
    Nah's Avatar
    Nah Nah is offline
     
    Join Date: Nov 2013
    Age: 26
    Gender: Female
    Posts: 12,807
    Quote:
    Originally Posted by Ganondorf View Post
    There shouldn't be, it's probably dependent on the library itself and what the browser can show. That being said, screen width is a huge concern if you start using more than a few, so I'd probably try to keep the number low unless you don't have a positional marker for the carousel.
    I see.

    The plan right now is to have 7 slides in total. But after 5, it doesn't want to make more of them be separate--the 6th one it keeps mashing together with the 5th for some reason =/ Some of the slides use images that go across the whole screen. Would making them not do that help, or am I misunderstanding things here?

    And what is a "positional marker"?
    __________________
    Nah ンン
    “No, I... I have to be strong. Everyone expects me to."
    Reply With Quote
      #887    
    Old May 1st, 2018 (2:55 AM).
    Hyzenthlay's Avatar
    Hyzenthlay Hyzenthlay is offline
     
    Join Date: Nov 2012
    Location: PokéTrivia
    Nature: Jolly
    Posts: 4,943
    Hey guys, for some reason I can't get rid of the scroll near my signature. I tried overflow:visible but it didn't help. I'm only using BB code, so why the scroll?
    __________________
    A picture is worth a thousand words,
    but a song, a thousand dreams.
    Reply With Quote
      #888    
    Old May 1st, 2018 (4:03 AM).
    Tsutarja's Avatar
    Tsutarja Tsutarja is online now
     
    Join Date: Mar 2010
    Location: Tampa, Florida
    Age: 23
    Gender: Male
    Nature: Jolly
    Posts: 23,204
    Quote:
    Originally Posted by Clover View Post
    Hey guys, for some reason I can't get rid of the scroll near my signature. I tried overflow:visible but it didn't help. I'm only using BB code, so why the scroll?
    I don't see it on my end. :o
    __________________
    Reply With Quote
      #889    
    Old May 1st, 2018 (4:08 AM).
    Hyzenthlay's Avatar
    Hyzenthlay Hyzenthlay is offline
     
    Join Date: Nov 2012
    Location: PokéTrivia
    Nature: Jolly
    Posts: 4,943
    Quote:
    Originally Posted by Tsutarja View Post
    I don't see it on my end. :o
    Oh, really? What browser are you using? I'm on Chrome and my forum skin is Shooting for the Sun.

    The scroll is driving me crazy, I swear, haha.
    __________________
    A picture is worth a thousand words,
    but a song, a thousand dreams.
    Reply With Quote
      #890    
    Old May 1st, 2018 (4:29 AM). Edited May 1st, 2018 by Tsutarja.
    Tsutarja's Avatar
    Tsutarja Tsutarja is online now
     
    Join Date: Mar 2010
    Location: Tampa, Florida
    Age: 23
    Gender: Male
    Nature: Jolly
    Posts: 23,204
    Quote:
    Originally Posted by Clover View Post
    Oh, really? What browser are you using? I'm on Chrome and my forum skin is Shooting for the Sun.

    The scroll is driving me crazy, I swear, haha.
    One and the same, my friend. What OS are you using? Screen resolution?

    I'd like to see a screenshot as well just to see.
    __________________
    Reply With Quote
      #891    
    Old May 1st, 2018 (4:38 AM).
    Hyzenthlay's Avatar
    Hyzenthlay Hyzenthlay is offline
     
    Join Date: Nov 2012
    Location: PokéTrivia
    Nature: Jolly
    Posts: 4,943
    Quote:
    Originally Posted by Tsutarja View Post
    One and the same, my friend. What OS are you using? Screen resolution?

    I'd like to see a screenshot as well just to see.
    I'm using a 64-bit operating system and my resolution is the recommended 1920 x 1080.

    Spoiler:
    __________________
    A picture is worth a thousand words,
    but a song, a thousand dreams.
    Reply With Quote
      #892    
    Old May 1st, 2018 (5:41 AM).
    Tsutarja's Avatar
    Tsutarja Tsutarja is online now
     
    Join Date: Mar 2010
    Location: Tampa, Florida
    Age: 23
    Gender: Male
    Nature: Jolly
    Posts: 23,204
    Either way, it's not really outside of the signature limits. However, have you tried different styles to see if it's still present? I have matched my settings with yours and still don't see it at all.
    __________________
    Reply With Quote
      #893    
    Old May 1st, 2018 (5:50 AM).
    Hyzenthlay's Avatar
    Hyzenthlay Hyzenthlay is offline
     
    Join Date: Nov 2012
    Location: PokéTrivia
    Nature: Jolly
    Posts: 4,943
    Quote:
    Originally Posted by Tsutarja View Post
    Either way, it's not really outside of the signature limits. However, have you tried different styles to see if it's still present? I have matched my settings with yours and still don't see it at all.
    Well this is sort of embarrassing—the scroll only appeared because I had Chrome zoomed in to 110%! That's all. ¯\_(ツ)_/¯

    Thanks for your time, all the same! ^_^;
    __________________
    A picture is worth a thousand words,
    but a song, a thousand dreams.
    Reply With Quote
      #894    
    Old May 1st, 2018 (8:22 AM).
    Incineroar.'s Avatar
    Incineroar. Incineroar. is offline
     
    Join Date: May 2009
    Posts: 244
    I saw this and was totally going to reply but forgetful me...
    Quote:
    Originally Posted by Nah View Post
    I see.

    The plan right now is to have 7 slides in total. But after 5, it doesn't want to make more of them be separate--the 6th one it keeps mashing together with the 5th for some reason =/ Some of the slides use images that go across the whole screen. Would making them not do that help, or am I misunderstanding things here?

    And what is a "positional marker"?
    A positional marker is those dots or dashes or whatnot that you may see on an image carousel to indicate where in the set of images you are. It's the thing in this image underlined in red:

    __________________
    My country lay within a vast desert. When the sun rose into the sky, a burning wind punished my lands, searing the world.

    And when the moon climbed into the dark of night, a frigid gale pierced our homes. No matter when it came, the wind carried the same thing... Death.

    But the winds that blew across the green fields of Hyrule brought something other than suffering and ruin.

    I coveted that wind, I suppose.

    Moderator of Internet & Technology - Signature Image
    Reply With Quote
      #895    
    Old May 2nd, 2018 (3:44 AM).
    Nah's Avatar
    Nah Nah is offline
     
    Join Date: Nov 2013
    Age: 26
    Gender: Female
    Posts: 12,807
    Quote:
    Originally Posted by Ganondorf View Post
    I saw this and was totally going to reply but forgetful me...

    A positional marker is those dots or dashes or whatnot that you may see on an image carousel to indicate where in the set of images you are. It's the thing in this image underlined in red:
    Removing them seems to have fixed things. Thanks n_n
    __________________
    Nah ンン
    “No, I... I have to be strong. Everyone expects me to."
    Reply With Quote
      #896    
    Old June 28th, 2018 (12:20 PM).
    Hyzenthlay's Avatar
    Hyzenthlay Hyzenthlay is offline
     
    Join Date: Nov 2012
    Location: PokéTrivia
    Nature: Jolly
    Posts: 4,943
    Hi guys! Is there any reason why the following code for my custom usertitle isn't working?

    [*span=font-family: Germania One; font-size: 20px; background: -webkit-linear-gradient(#078218, #98ba8d); -webkit-background-clip: text; -webkit-text-fill-color: transparent;]#TeamTrivia[/span]

    It was fine ten minutes ago...

    Spoiler:
    __________________
    A picture is worth a thousand words,
    but a song, a thousand dreams.
    Reply With Quote
      #897    
    Old July 17th, 2018 (7:02 AM).
    Trev's Avatar
    Trev Trev is offline
     
    Join Date: May 2012
    Age: 22
    Nature: Sassy
    Posts: 1,390
    I don't know that you necessarily need to use the webkit version of those parameters. I think you can just use text-fill-color and background-clip as they are. Then again, I've never use [span] so...
    __________________






    Reply With Quote
      #898    
    Old September 8th, 2018 (11:00 AM). Edited September 8th, 2018 by Hyzenthlay.
    Hyzenthlay's Avatar
    Hyzenthlay Hyzenthlay is offline
     
    Join Date: Nov 2012
    Location: PokéTrivia
    Nature: Jolly
    Posts: 4,943
    Well, I'm back again! Can anyone tell me why using a transparent border makes an image repeat, like shown below?

    Spoiler:
    testing

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu.


    For example, if you look at the right border, you'll notice the image behind it is where the left side of the background starts. Why won't it fit the image properly?

    EDIT: Never mind, all it needed was "background-origin: border-box", haha. But I will leave this up in case anyone else encounters the issue. 🙃
    __________________
    A picture is worth a thousand words,
    but a song, a thousand dreams.
    Reply With Quote
    Reply

    Quick Reply

    Join the conversation!

    Create an account to post a reply in this thread, participate in other discussions, and more!

    Create a PokéCommunity Account
    Thread Tools

    Posting Rules
    You may not post new threads
    You may not post replies
    You may not post attachments
    You may not edit your posts

    BB code is On
    Smilies are On
    [IMG] code is On
    HTML code is Off

    Forum Jump


    All times are GMT -8. The time now is 9:52 PM.