Attention:

Support Rules and Guidelines
Before you post your support topic, please remember to:
  • Read the support forum rules.
  • Check the wiki and use search to see if your problem can be answered there first.
  • Link your board please, and make sure that the problem on your board is visible to guests or provide a test account.
  • Do not post Board Wrappers and CSS unless requested. With a board link, this is not necessary.
  • Be as descriptive as you can and use as many details as possible when describing your problem.
  • Please briefly mark any links to forums that may not be work-safe.
This will help ensure your support issue will be attended to in a quick and efficient manner.

  ClosedNew TopicNew Poll

 HTML signature not showing [SOLVED]
#
I have enabled html signature and tried to change mine just to see how it works but for some reason it appears broken.

It should show an image and some information on the hover but it looks like this:
user posted image

Here's the code I'm using for it
CODE
<style>
.remembered a {-webkit-transition: 1s;
text-decoration: none;}

.remembered a:visited {
color: #daa51f;
-webkit-transform: 2s;
}

.remembered a:hover {
color: #979779;
font-style: italic;
letter-spacing: 1.5px;
}

.whatwe {
height: 190px;
width: 500px;
background-image: url(http://i.imgur.com/Qn8JJ7y.gif);
}

.remembered {
background-color: #F8F8EE;
width: 420px;
height: 110px;
top: 20px;
padding: 20px;
line-height: 120%;
position: relative;
opacity: 0;
-webkit-transition: 2s;
text-align: right;
font-family: montserrat;
font-size: 18px;
text-transform: uppercase;
}

.whatwe:hover .remembered {
opacity: 0.8;
}

.atzion {
font-family: montserrat;
text-transform: uppercase;
font-size: 35px;
width: 160px;
height: 110px;
line-height: 90%;
float: left;
text-align: right;
position: absolute;
top: 20px;
border-right: 5px solid #daa51f;
color: #010000;
text-shadow: 0 0 10px #979779;
padding-right: 20px;
}

.remembered h2 {
font-size: 10px;
line-height: 110%;
font-style: italic;
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<link href='https://fonts.googleapis.com/css?family=Fredericka+the+Great|Overlock+SC|Rock+Salt|Alegreya+Sans+SC|Julius+Sans+One|Meddon|Oswald|Open+Sans|Niconne|Montserrat|Monoton|Megrim|Raleway+Dots|Codystar|Sail|Poiret+One|Lobster|Righteous|Share+Tech'
rel='stylesheet' type='text/css'>
<link href='https://dl.dropbox.com/s/86zdmjspehnmvp9/allmyfonts.css?dl=0' rel='stylesheet' type='text/css'>

<center>
<div class='whatwe'>
  <div class='remembered'> 22 | LAUVEL<br>
    <a href="http://krolica.jcink.net/index.php?showtopic=59">FICHA</a> <br>
    <a href="http://krolica.jcink.net/index.php?showtopic=106">RASTREADOR</a> <br>
    <a href="http://krolica.jcink.net/index.php?showtopic=107">RELACIONES</a> <br>
<a href="">BÚSQUEDAS</a> <br>
    <div class='atzion'> AURI<br>
      <h2>La realidad es más real en blanco y negro</h2></div>
  </div>
</div>
<a href="http://cttw.jcink.net/index.php?showuser=9280">»</a>
</center>


I've also checked my css and the signatures aren't disabled in there so I have no idea what's happening.

This post has been edited by Krolica: May 15 2016, 03:46 PM
PM
#
I see a line-break here:

<link href='https://fonts.googleapis.com/css?family=Fredericka+the+Great|Overlock+SC|Rock+Salt|Alegreya+Sans+SC|Julius+Sans+One|Meddon|Oswald|Open+Sans|Niconne|Montserrat|Monoton|Megrim|Raleway+Dots|Codystar|Sail|Poiret+One|Lobster|Righteous|Share+Tech'

HERE

rel='stylesheet' type='text/css'>

signature
email: admin@jcink.com :: blog: John C.
#
I fixed the line break but it still doesn't work.
Also this is the link to my forum
PM
#
Which profile is having this issue?

signature
email: admin@jcink.com :: blog: John C.
#
I tried it with all my accounts, even the admin one. All of them are in different groups.
They're
Admin
Scarlet
Gladia
Aureolina
Gaspar
Kasna
PM
#
I'm really unsure, sorry, it does appear that HTML is working but some elements simply aren't showing up in the signature. Unfortunately some of the HTML you want to insert doesn't really "belong" there and it seems like the browser is just ignoring it.

To start, try taking the css and putting that in your main stylesheet as well as the font tags, which both belong in the board's headers and css sheet.

signature
email: admin@jcink.com :: blog: John C.
#
Ok, I compressed the code to be all in one line, just for curiosity, and it worked!
I have no idea why but I'm glad it worked.
Thank you for your help!
PM
#
This topic has been solved. If you need anymore help please post a new thread. Thanks for choosing Jcink services.

signature
email: admin@jcink.com :: blog: John C.
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | General Support | Next Newest »

Options ClosedNew TopicNew Poll