| Author |
 Topic  |
|
Panhandler
Average Member
USA
783 Posts |
 Posted - 03 October 2007 : 20:55:58
|
Just an idea for those who know better;
The Proeder's mod allows users to upload images.
With a little tweaking to Proeder's orginal mod, the images show in the post. (not just as a link to the image like in the original Proeder's mod).
Would it be greatly difficult to add a drop shadow to each image when it's shown in the post?
 < |
"5-in-1 Snitz Common Expansion Pack" - five popular mods packaged for easy install
". . .on a mote of dust, suspended in a sunbeam. . ."
HarborClassifieds
Support Snitz Forums
|
|
|
phy1729
Average Member
USA
589 Posts |
Posted - 03 October 2007 : 21:37:01
|
for a quick and easy css mod find where the img tag is and add class="img" to it then add
img.img {
padding: 0px 5px 5px 0px;
background-color:#999;
}
to a css file or in the header in <style> tags< |
 |
|
|
Shaggy
Support Moderator
Ireland
6780 Posts |
Posted - 04 October 2007 : 05:16:58
|
CSS3 introduces a new property called box-shadow which'll do what you want. Although no browsers support it yet! 
< |
 Search is your friend
“I was having a mildly paranoid day, mostly due to the
fact that the mad priest lady from over the river had
taken to nailing weasels to my front door again.” |
|
|
|
Panhandler
Average Member
USA
783 Posts |
Posted - 04 October 2007 : 09:55:50
|
quote:
Originally posted by phy1729
for a quick and easy css mod find where the img tag is and add class="img" to it then add
img.img {
padding: 0px 5px 5px 0px;
background-color:#999;
}
to a css file or in the header in <style> tags
Okay. . .but I don't know how to do that without a LOT of experimention. Can you help?
Here's Proeders outputFile.asp where the mod-to-the-mod should go:
-----------------------
<script>
if (opener.document.PostTopic.Message.createTextRange && opener.document.PostTopic.Message.caretPos) {
var caretPos = opener.document.PostTopic.Message.caretPos;
caretPos.text = "\n\n
{img] <class="img"> <% =SUBFOLDER %>/<% =filename %>[/img]
{size=1] <% =strFileSize %>[/size=1]";
} else {
opener.document.PostTopic.Message.value+="\n\n [img]<% =SUBFOLDER %>/<% =filename %>[/img]";
}
</script>
------------------------
Is the <class="img"> correct?
And:
Where would this go in the outputFile.asp?
.img {
padding: 1px 1px 5px 5px;
background-color:#999;
}
??< |
"5-in-1 Snitz Common Expansion Pack" - five popular mods packaged for easy install
". . .on a mote of dust, suspended in a sunbeam. . ."
HarborClassifieds
Support Snitz Forums
|
|
|
|
wii
Free ASP Hosts Moderator
Denmark
2632 Posts |
Posted - 04 October 2007 : 10:14:03
|
Call me a nerd, but I actually laughed at loud when I read this ! LOL
quote:
Originally posted by Shaggy
CSS3 introduces a new property called box-shadow which'll do what you want. Although no browsers support it yet!
< |
|
|
|
phy1729
Average Member
USA
589 Posts |
Posted - 04 October 2007 : 17:56:45
|
no but before you go through the trouble of doing this mod see if this page illustrates what you want to do if so then continue
look in inc_func_common.asp line 1173 to 1201 ish for
then replace with
and then in inc_func_posting.asp line 394 to 396ish find
fString = replace(fString, """ border=""0"">","[/img]", 1, -1, 1)
fString = replace(fString, """ id=""right"" border=""0"">","[/img=right]", 1, -1, 1)
fString = replace(fString, """ id=""left"" border=""0"">","[/img=left]", 1, -1, 1)
then replace with
fString = replace(fString, """ class=""img"" border=""0"">","[/img]", 1, -1, 1)
fString = replace(fString, """ id=""right"" class=""img"" border=""0"">","[/img=right]", 1, -1, 1)
fString = replace(fString, """ id=""left"" class=""img"" border=""0"">","[/img=left]", 1, -1, 1)
now for the css code
look in inc_header.asp around line 232 and find
'## END - REMOVAL, MODIFICATION OR CIRCUMVENTING THIS CODE WILL VIOLATE THE SNITZ FORUMS 2000 LICENSE AGREEMENT
and under it add
Response.Write "<style>" & vbNewLine & _
"img.img {" & vbNewLine & _
" padding: 0px 5px 5px 0px;" & vbNewLine & _
" background-color:#999;" & vbNewLine & _
"}" & vbNewLine & _
"</style>" & vbNewLine
and your done< |
|
|
|
Panhandler
Average Member
USA
783 Posts |
Posted - 05 October 2007 : 09:49:09
|
Thank you, you're very kind to provide that code modification.
The link that you posted doesn't have any decoration that I can see.
None the less, I will take a look at implementing that which you've provided and see come back here to let you know.
< |
"5-in-1 Snitz Common Expansion Pack" - five popular mods packaged for easy install
". . .on a mote of dust, suspended in a sunbeam. . ."
HarborClassifieds
Support Snitz Forums
|
|
|
|
Panhandler
Average Member
USA
783 Posts |
Posted - 05 October 2007 : 11:14:05
|
Okay. . . I installed the code changes and nothing happened.
No drop shadow.
???< |
|
|
|
phy1729
Average Member
USA
589 Posts |
Posted - 05 October 2007 : 23:57:35
|
| which browser?< |
|
|
|
Panhandler
Average Member
USA
783 Posts |
Posted - 06 October 2007 : 09:34:10
|
Using IE 7.0.5730 - the shadow will not offset. I can see it render under the logo.
However the shadow will offset properly and show in both FireFox and Safari.
And there is no shadow whatsoever in my code implementation.
I will go back and recheck it.
< |
|
|
|
phy1729
Average Member
USA
589 Posts |
Posted - 06 October 2007 : 11:46:04
|
| then IE doesn't like that I made an image have a padding I don't know how to code for IE CSS so if anyone knows any CSS tricks please post< |
|
|
|
weeweeslap
Senior Member
USA
1077 Posts |
|
|
AnonJr
Moderator
United States
5768 Posts |
Posted - 06 October 2007 : 14:31:59
|
| Maybe this could help? [link]< |
|
|
|
phy1729
Average Member
USA
589 Posts |
Posted - 06 October 2007 : 21:11:24
|
alright changed the code to work with weeweeslap's suggestion I'm just posting the changed code not original
inc_common.asp
inc_func_posting.asp
fString = replace(fString, """ class=""img"" border=""0""></div>","[/img]", 1, -1, 1)
fString = replace(fString, """ id=""right"" border=""0""></div>","[/img=right]", 1, -1, 1)
fString = replace(fString, """ id=""left"" border=""0""></div>","[/img=left]", 1, -1, 1)
but this time line 382 needs to be changed also from
fString = replace(fString, "<img src=""","[img]", 1, -1, 1)
to
fString = replace(fString, "<div class=""dropshadow""><img src=""","[img]", 1, -1, 1)
and 392 and 3 same file
fString = replace(fString, "<img align=""right"" src=""","[img=right]", 1, -1, 1)
fString = replace(fString, "<img align=""left"" src=""","[img=left]", 1, -1, 1)
to
fString = replace(fString, "<div class=""dropshadow""><img align=""right"" src=""","[img=right]", 1, -1, 1)
fString = replace(fString, "<div class=""dropshadow""><img align=""left"" src=""","[img=left]", 1, -1, 1)
now for the new css code
then you need to upload http://phy1729.googlepages.com/shadow.gif and http://phy1729.googlepages.com/shadowAlpha.png to your forum directory
and that finishes it< |
Edited by - phy1729 on 06 October 2007 21:49:37 |
|
|
|
phy1729
Average Member
USA
589 Posts |
|
|
Warlocks
Starting Member
16 Posts |
Posted - 12 October 2007 : 22:19:34
|
| IE 6 works fine.< |
|
|
|
Topic |
|
|
|
Drop Shadow For Images in Post (Proeders)
