Search options

Hehe, true. I know I don't know where to start.... Don't you just hate the browser wars thing, webby shows mint in one but crap in another lalala - I do however love the -moz-border-radius: 15px; CSS thing you can do with MOZ, for instance, look at the buttons & form fields of the the comments section of my news posts in both FF and IE.

Click for my site and an example << Scroll to the bottom for the comments bit.

Finally, whats the bbcode addon that you speak of if you don't mind me asking?

I don't get the errors you talk about. However, the buttons to insert full image, thumb images, and clickable thumb do not work for me in Firefox.

In IE the popup image manager closes when I select any of the above 3 buttons and the correct code is inserted. Firefox on the other hand leaves the image manager open and the buttons do not insert any code...

Thanks JetSki but I have sorted it    - FI-DD, any news on when you will be updating the download link to include the drop shadow effect we discussed (and tested)?

Thank you for your PM FI-DD, the code is just what I need. However, I think it would be a lot easier if I just edited the 'Quick-Tags' to include the <div=....> tag.

You know the one:

  
QuickTags   
   Insert Link  [link=URL]Text[/link]  
   Insert Image  [image=URL]  
   Instert Quote  [quote=Name]Text[/quote]  
   Insert List  [list][*]Text1[*]Text2[/list]  
   Bold Text  [b]Text[/b]  
   Italic Text  [i]Text[/i]  
   Underlined Text  [u]Text[/u]  
   Text Color  [color=COLOR]Text[/color]  
   Text Size  [size=SIZE]Text[/size]  
   Text Font  [font=FONT]Text[/font]  
   Text Align  [align=ALIGN]Text[/align]  

What file in CuteNews do I need to edit to either alter the default QuickTags or add my own?

Hi there FI-DD, I have a fine chunk of code to add a drop shadow to the created thumbs if you need it  also, the problem vanja seems to have sounds like that that I had... However, since you fixed how it inserts the code for CuteNews v1.3.6 (rather than CuteNews v1.4.1 with the BBCode editor) it has worked like a charm for me.

It is daft to think that I (and a load of other people) have wanted these features for so long that they have not been added to the new version of CuteNews.

Anyway, the code is there if you want it matey.

P.S.
The drop shadow colour can be changed to suit too so it will fit with your design  This is the reason I use 8 .png files for the drop shadow effect. Add to this, it does not need to be a drop shadow! - You could change the files to give you a nice picture frame effect or anything else you want.

I basically use 8 files to cover the topleft corner, top, topright corner, right, bottomright corner, bottom, bottomleft corner, and finally the left side of the thumbnail.

Well when I post images in my news they are aligned to the left all the time so I end up manually adding a <div align="center"> around the HTML for the images to keep everything looking nice.

Just thought it would be cool if you could choose to align to either left, center, or right when inserting the picture; or as per my thoughts, more simply have 3 new 'QuickTags' for each of the <div> tags. You get the idea 

To have buttons rather than text links replace the following chuncks of code.

Change this:

                <td height=16 width=15%>
                [url="][Insert image][/url]
                <td height=16 width=15%>
                [url="][Insert thumb][/url] 
                <td height=16 width=15%>
                [url="][Insert clickable thumb][/url]

To this:

                <td height=16 width=15%>
                <input type=button value=\"Insert Image\" onClick=\"javascript:insertimage('$file', '$path_big', '$empty_link', '$empty_link')\"> 
                <td height=16 width=15%>
                <input type=button value=\"Insert Thumb\" onClick=\"javascript:insertimage('$file', '$path_thumb', '$empty_link', '$empty_link')\"> 
                <td height=16 width=15%>
                <input type=button value=\"Clickable Thumb\" onClick=\"javascript:insertimage('$file', '$path_thumb', '$link1', '$link2')\"> 

I also changed your original CSS to match the one I have for my site too.

Change this (if you want to of course):

                        select, option, textarea, input {

                         BORDER: #808080 1px solid;

                         COLOR: #000000;

                         FONT-SIZE: 11px;

                         FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff

                        }

To this:

                        input, select, option {
                        BORDER-RIGHT: #808080 1px solid;
                        BORDER-TOP: #808080 1px solid;
                        BORDER-BOTTOM: #808080 1px solid;
                        BORDER-LEFT: #808080 1px solid;
                        COLOR: #000000;
                        FONT-SIZE: 9px;
                        FONT-FAMILY: Verdana; }

                        textarea {
                        BORDER-RIGHT: #808080 1px solid;
                        BORDER-TOP: #808080 1px solid;
                        BORDER-BOTTOM: #808080 1px solid;
                        BORDER-LEFT: #808080 1px solid;
                        COLOR: #000000;
                        FONT-SIZE: 11px;
                        FONT-FAMILY: Verdana; BACKGROUND-COLOR: #ffffff }

Just a thought here, but I have a php script that takes a directory of images and not only creates a thumb with the GDLib but also adds a rather nice drop shadow effect (using a number of user defined .png files) to the newly created thumbnail too. Maybe this could be a little upgrade for your mod 

I can supply all of the code needed to do this if you need it as to be honest you would have more luck than me adding it to your already supurb code 

Included are some pics of what it actually does. Image2.jpg was created by the script from Image1.jpg on the fly. The cool thing is that the thumbs are only created once too so no hogging of resources on future page visits etc... If that was not enough, the background colour can also be specified during creation too so that it will fit with your design.

P.S.
Yup thats me while Caving in the Peaks - Handsome young thing arnt I LOL 

Ahh, one very tiny problem... Don't worry, it is a tiny one 

Everything works mint except when I insert a clickable thumb as it seems to miss a bit out of the inserted URL. Here, let me show you an example.

The correct URL to the image is: http://www.whatever.com/CuteNews/data/u … /image.jpg

However, this is what I get: http://www.whatever.com/data/upimages/image.jpg

Notice how the 'CuteNews' directory is missing? - Any ideas?

The code for the thumbnail image link that is inserted into either short/full story is:

[url=.]<img border="0" align="none" alt="" src="http://www.whatever.com/CuteNews/data/upimages/thumbs/image.jpg">[/url]

It needs to be:

[url=h]<img border="0" align="none" alt="" src="http://www.whatever.com/CuteNews/data/upimages/thumbs/image.jpg">[/url]

***EDIT***

P.S.
I have noticed that if I preview the news that I am posting from within the main CuteNews posting screen/page the link to the full picture works (as it looks like the seconf chunk of code I have pasted here). However, once I have published said news the link does as I said above and misses the 'CuteNews' directory out...

Please help