Scratch

mythbusteranimator · 2012-09-05 14:45:25

What is the code used for the signature height limit, and the code used to resize a pic if it is too large?

stevetheipad · 2012-09-05 15:34:15

Code:

div.postsignature{
max-height:50px;}

This is CSS for your theme stylesheets.

mythbusteranimator · 2012-09-05 15:43:52

OK. So I put it in the oxygen.css whatever?

RedRocker227 · 2012-09-05 15:57:37

mythbusteranimator wrote:
OK. So I put it in the oxygen.css whatever?

Yeah, although your forum's PunBB-Hosting isn't it? In which case you'd go to edit templates and enter

Code:

<style type="text/css">
.pun .postsignature{
    max-height: ___px;
    overflow: auto;
}
</style>

in the <head> (remove the "overflow: auto;" if you just want it to cut off, not have a scrollbar, and replace "___" with what the maximum height should be, in pixels)

Also what do you mean about the images? If you want a limit on the height of images, also add

Code:

img{
    max-height: "___"px;
}

mythbusteranimator · 2012-09-05 16:51:13

Hmm...the signature code worked, but I added the img code under it and it still has a scrollbar. hmm

As in:
<style="text/css">
img{
max-height: "400"px;
}
</style>

Last edited by mythbusteranimator (2012-09-05 16:51:43)

RedRocker227 · 2012-09-05 16:58:54

mythbusteranimator wrote:
Hmm...the signature code worked, but I added the img code under it and it still has a scrollbar.

As in:
<style="text/css">
img{
max-height: "400"px;
}
</style>

Try adding

Code:

overflow: hidden;

after the max-height bit. Also, you don't enclose the value with quotation marks (it still works but it's not "proper")

Also, it's <style type="text/css">, not <style="text/css">

I'm being really naggy here aren't I tongue

Last edited by RedRocker227 (2012-09-05 17:00:13)

mythbusteranimator · 2012-09-05 17:02:57

Code:

<style type="text/css">
.pun .postsignature{
    max-height: 400px;
    overflow: auto;
}
</style>
<style="text/css">
img{
    max-height: 400px;
overflow: hidden;
}
</style>

That is my code. It still has a scrollbar. hmm

RedRocker227 · 2012-09-05 17:10:26

mythbusteranimator wrote:

Code:

<style type="text/css">
.pun .postsignature{
    max-height: 400px;
    overflow: auto;
}
</style>
<style="text/css">
img{
    max-height: 400px;
overflow: hidden;
}
</style>

That is my code. It still has a scrollbar. hmm

I wouldn't've thought it'd make a difference but the correct HTML tag is <style type="text/css">, not <style="text/css">, so try that

mythbusteranimator · 2012-09-05 17:12:44

RedRocker227 wrote:
mythbusteranimator wrote:
Code:
<style type="text/css">
.pun .postsignature{
    max-height: 400px;
    overflow: auto;
}
</style>
<style="text/css">
img{
    max-height: 400px;
overflow: hidden;
}
</style>
That is my code. It still has a scrollbar.
I wouldn't've thought it'd make a difference but the correct HTML tag is <style type="text/css">, not <style="text/css">, so try that

*headdesk*
I should've noticed that. tongue
But it STILL doesn't work. hmm

RedRocker227 · 2012-09-05 17:15:42

mythbusteranimator wrote:
RedRocker227 wrote:
mythbusteranimator wrote:
Code:
<style type="text/css">
.pun .postsignature{
    max-height: 400px;
    overflow: auto;
}
</style>
<style="text/css">
img{
    max-height: 400px;
overflow: hidden;
}
</style>
That is my code. It still has a scrollbar.
I wouldn't've thought it'd make a difference but the correct HTML tag is <style type="text/css">, not <style="text/css">, so try that
*headdesk*
I should've noticed that.
But it STILL doesn't work.

Oh okay

I'd bet my life it's something insanely obvious

mythbusteranimator · 2012-09-05 17:19:09

RedRocker227 wrote:
mythbusteranimator wrote:
RedRocker227 wrote:

I wouldn't've thought it'd make a difference but the correct HTML tag is <style type="text/css">, not <style="text/css">, so try that
*headdesk*
I should've noticed that.
But it STILL doesn't work.
Oh okay

I'd bet my life it's something insanely obvious

Me too. tongue

ErnieParke · 2012-09-05 17:55:52

mythbusteranimator wrote:
RedRocker227 wrote:
mythbusteranimator wrote:
Code:
<style type="text/css">
.pun .postsignature{
    max-height: 400px;
    overflow: auto;
}
</style>
<style="text/css">
img{
    max-height: 400px;
overflow: hidden;
}
</style>
That is my code. It still has a scrollbar.
I wouldn't've thought it'd make a difference but the correct HTML tag is <style type="text/css">, not <style="text/css">, so try that
*headdesk*
I should've noticed that.
But it STILL doesn't work.

I know no HTML, but shouldn't the "overflow: hidden;" be indented like the line behind it? Also, where did you put the [img]###[imgl]?

Last edited by ErnieParke (2012-09-05 17:58:11)

mythbusteranimator · 2012-09-05 17:59:29

ErnieParke wrote:
mythbusteranimator wrote:
RedRocker227 wrote:

I wouldn't've thought it'd make a difference but the correct HTML tag is <style type="text/css">, not <style="text/css">, so try that
*headdesk*
I should've noticed that.
But it STILL doesn't work.
I know no HTML, but shouldn't the "overflow: hidden;" be indented like the line behind it? Also, where did you put the [url]###[imgl]?

NO difference. hmm

RedRocker227 · 2012-09-05 18:07:28

ErnieParke wrote:
mythbusteranimator wrote:
RedRocker227 wrote:

I wouldn't've thought it'd make a difference but the correct HTML tag is <style type="text/css">, not <style="text/css">, so try that
*headdesk*
I should've noticed that.
But it STILL doesn't work.
I know no HTML, but shouldn't the "overflow: hidden;" be indented like the line behind it? Also, where did you put the [url]###[imgl]?

Indents make no difference, they're only there so it's easier to read for humans, you could do

img

{
overflow: auto
;
}

and it'd still work

ErnieParke · 2012-09-05 18:08:32

mythbusteranimator wrote:
ErnieParke wrote:
mythbusteranimator wrote:

*headdesk*
I should've noticed that.
But it STILL doesn't work.
I know no HTML, but shouldn't the "overflow: hidden;" be indented like the line behind it? Also, where did you put the [imgl]###[imgl]?
NO difference.

You haven't answered my second question. Where did you put the image code? You might have put it in the wrong spot.

mythbusteranimator · 2012-09-05 18:11:30

ErnieParke wrote:
mythbusteranimator wrote:
ErnieParke wrote:

I know no HTML, but shouldn't the "overflow: hidden;" be indented like the line behind it? Also, where did you put the [imgl]###[imgl]?
NO difference.
You haven't answered my second question. Where did you put the image code? You might have put it in the wrong spot.

Under the <body>.

jji7skyline · 2012-09-05 18:23:41

By the way, the height limit on Scratch is 150px.

RedRocker227 · 2012-09-05 18:32:17

mythbusteranimator wrote:
ErnieParke wrote:
mythbusteranimator wrote:

NO difference.
You haven't answered my second question. Where did you put the image code? You might have put it in the wrong spot.
Under the <body>.

That's why then, it goes between the <head> tags. tongue

mythbusteranimator · 2012-09-06 09:49:51

RedRocker227 wrote:
mythbusteranimator wrote:
ErnieParke wrote:

You haven't answered my second question. Where did you put the image code? You might have put it in the wrong spot.
Under the <body>.
That's why then, it goes between the <head> tags.

*headdesk*
Fail on my part. tongue

*nosekey*
It STILL doesn't work.

RedRocker227 · 2012-09-06 11:57:20

mythbusteranimator wrote:
RedRocker227 wrote:
mythbusteranimator wrote:

Under the <body>.
That's why then, it goes between the <head> tags.
*headdesk*
Fail on my part.

*nosekey*
It STILL doesn't work.

Can you paste the entire of main.tpl please?

mythbusteranimator · 2012-09-06 12:18:29

<d>How many times has the site been viewed?</d>

<div align="left"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=1306674&f=16776960&b=0" border="0" height="18" width="83" alt="web counter"></a><br>


<link rel="shortcut icon" href="http://blogs.discovery.com/.a/6a00d8341bf67c53ef0133f4744f19970b-800wi" type="image/x-icon">
<link rel="icon" href="http://blogs.discovery.com/.a/6a00d8341bf67c53ef0133f4744f19970b-800wi" type="image/x-icon">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style type="text/css">
body {
color: red;
background-color: #FF4000 }
</style>

<style type="text/css">background: -webkit-gradient(linear, left top, left bottom, from(#FF4000), to(#FFBF00));
</style>
<html xmlns="http://www.w3.org/1999/xhtml" dir="<pun_content_direction>">
<head>
<style type="text/css">
.pun .postsignature{
max-height: 400px;
overflow: auto;
}
</style>
<style type="text/css">
img{
max-height: 400px;
overflow: hidden;
}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
</head>
<body>

<div id="punwrap">
<div id="pun<pun_page>" class="pun">

<div id="brdheader" class="block">
<div class="box">
<div id="brdtitle" class="inbox">
<pun_title>
<pun_desc>
</div>
<pun_navlinks>
<pun_status>
</div>
</div>

<pun_announcement>
<style type="text/css">background: -webkit-gradient(linear, left top, left bottom, from(#FF4000), to(#FFBF00));
</style>
<d>
<strong>
<font color="FFFFF0">
Please Join Today!
</strong>

<pun_main>

<pun_footer>
<style type="text/css">
body {
color: red;
background-color: #FF4000 }
</style>

</div>
</div>
<script type="text/javascript" src="http://geonotron.net84.net/mythbusteranimator/scratchproj.js">

</object>
</body>
</html>

RedRocker227 · 2012-09-06 12:34:52

Hm... I really have no clue then, sorry. hmm

PersainCatz · 2012-09-06 12:51:56

hi

Scratch

archived forums

#1 2012-09-05 14:45:25

I don't know where this goes, but...

#2 2012-09-05 15:34:15

Re: I don't know where this goes, but...

Code:

#3 2012-09-05 15:43:52

Re: I don't know where this goes, but...

#4 2012-09-05 15:57:37

Re: I don't know where this goes, but...

mythbusteranimator wrote:

Code:

Code:

#5 2012-09-05 16:51:13

Re: I don't know where this goes, but...

#6 2012-09-05 16:58:54

Re: I don't know where this goes, but...

mythbusteranimator wrote:

Code:

#7 2012-09-05 17:02:57

Re: I don't know where this goes, but...

Code:

#8 2012-09-05 17:10:26

Re: I don't know where this goes, but...

mythbusteranimator wrote:

Code:

#9 2012-09-05 17:12:44

Re: I don't know where this goes, but...

RedRocker227 wrote:

mythbusteranimator wrote:

Code:

#10 2012-09-05 17:15:42

Re: I don't know where this goes, but...

mythbusteranimator wrote:

RedRocker227 wrote:

mythbusteranimator wrote:

Code:

#11 2012-09-05 17:19:09

Re: I don't know where this goes, but...

RedRocker227 wrote:

mythbusteranimator wrote:

RedRocker227 wrote:

#12 2012-09-05 17:55:52

Re: I don't know where this goes, but...

mythbusteranimator wrote:

RedRocker227 wrote:

mythbusteranimator wrote:

Code:

#13 2012-09-05 17:59:29

Re: I don't know where this goes, but...

ErnieParke wrote:

mythbusteranimator wrote:

RedRocker227 wrote:

#14 2012-09-05 18:07:28

Re: I don't know where this goes, but...

ErnieParke wrote:

mythbusteranimator wrote:

RedRocker227 wrote:

#15 2012-09-05 18:08:32

Re: I don't know where this goes, but...

mythbusteranimator wrote:

ErnieParke wrote:

mythbusteranimator wrote:

#16 2012-09-05 18:11:30

Re: I don't know where this goes, but...

ErnieParke wrote:

mythbusteranimator wrote:

ErnieParke wrote:

#17 2012-09-05 18:23:41

Re: I don't know where this goes, but...

#18 2012-09-05 18:32:17

Re: I don't know where this goes, but...

mythbusteranimator wrote:

ErnieParke wrote:

mythbusteranimator wrote:

#19 2012-09-06 09:49:51

Re: I don't know where this goes, but...

RedRocker227 wrote:

mythbusteranimator wrote: