Topic: wooo Launch of my site

So today i am launch my site which is a community site for illustrators.

It uses punbb with coppermine integration.

Thanks for all the help over the last couple of months

The thing i most proad of is the integrated loginbox at the top of every page that will log u into both coppermine and punbb.

Let me know what u think:

AmateurIllustrator.com

Cheers

Nick

Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

Re: wooo Launch of my site

Very cool!

Looking for a certain modification for your forum? Please take a look here before posting.

3 (edited by Saeed 2006-08-19 20:28)

Re: wooo Launch of my site

very nice! I've just told my brother to join.

<webular>Programming Community</webular>

Re: wooo Launch of my site

Very, very shiny big_smile

Re: wooo Launch of my site

Cheers guys smile

Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

Re: wooo Launch of my site

I see that you got onto Techcrunch, congrats!

Looking for a certain modification for your forum? Please take a look here before posting.

Re: wooo Launch of my site

yeah I was really pleased, it generated a lot of traffic on our second day online  we now have over 120 users in 2 days

go pubb smile

Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

Re: wooo Launch of my site

That is a freaking nice site & forum!

Re: wooo Launch of my site

very nicely done

10

Re: wooo Launch of my site

This site is getting hammered today, it's featured on a number of online sites.

11 (edited by nickfzx 2006-08-21 18:12)

Re: wooo Launch of my site

yeah its crazy,

It's amazing how much scrutiny you get when they write an article there...I am 21 and am an illustration student...of course its not going to be as good as some huge site like deviant Art wih 240 million works of art on it  smile

Sorry i've just been reading some of the comments on sites like digg.com and feel the need to vent.

I hadn't heard of TechCrunch till 3 days ago when someone suggested to me that I get listed there.

I'm grateful for the traffic which is high, although I think it is dying down now.

All the best

Nick

Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

Re: wooo Launch of my site

pogenwurst wrote:

Sorry i've just been reading some of the comments on sites like digg.com and feel the need to vent.

Yeah, Digg is a cool place, but some *cough*most*cough* of its users can be real idiots sometimes.

Looking for a certain modification for your forum? Please take a look here before posting.

Re: wooo Launch of my site

i have a cool new feature on the forums:

http://www.amateurillustrator.com/forums/

it grabs images from the coppermine gallery and displays them along the top...it also uses the javascript highslide to do a zoom in effect so you dont have to leave the forum or what you were doing + everytime you hit refresh or open a new thread it will give you 7 new random images to zoom into.

Livens up the forum experience a bit.

Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

Re: wooo Launch of my site

very cool!

~James
FluxBB - Less is more

15

Re: wooo Launch of my site

Nice touch nickfzx, gives me some ideas.

Re: wooo Launch of my site

thanks...ask if you want the code...it was a little tricky to work out.

Cheers

Nick

Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

17

Re: wooo Launch of my site

hey that looks really nice smile
weldone.

Re: wooo Launch of my site

someone requested the code via email so here it is:

make a file called "something.php" stick this code in it:

<?php                
require_once "../cpmfetch/cpmfetch.php";
$objCpm = new cpm("../galleries");

$styleguide = array(
            //"TABLESTYLE" => "photoclip",
            //"rowstyle" => "photoclip",
            "cellstyle" => "photoclip",
            //"linkstyle" => "photoclip",
            "alttag" => "Click on thumbnail to see full-sized image",
            "imagestyle" => "photoclip",
            "cellattributes" => array('align' => 'center', 'width' => '100', 'height' => '100'),
            'imagelink' => 'large',
            'subtitle' => '<a href="http://www.amateurillustrator.com/galleries/displayimage.php?pos=-%i">%o</a>',
            "linkstyle" => 'highslide" onclick="return hs.expand(this)" onmouseover="self.status=\'Click to enlarge thumbnail\'; return true;');
            $objCpm->cpm_viewRandomMedia(1,7, $styleguide); 
            $objCpm->cpm_close();
?>

and then upload it to the folder: punbb/include/user/

then stick this code in your main.tpl file:

<script type="text/javascript" src="./highslide/highslide.js"></script>


    <script type="text/javascript">    
    hs.graphicsDir = './highslide/graphics/';
    window.onload = function() {
        hs.preloadImages();
    }
</script>

</div><div id="highslide-container"></div>
<pun_include "something.php"></pun_include>

and this bit of css in the stylesheet of your main tplfile:

<style type="text/css">
* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
    border: 2px solid gray;
}
.highslide:hover img {
    border: 2px solid silver;
}

.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
    color: white;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: black;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
</style>

You must of course have cpmfetch already installed at your root directory and highslide installed at your forum directory...it doesn't really matter where you have them installed as long as you set the paths to them correctly.

Hope this helps.

Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

Re: wooo Launch of my site

it is missing my css class called photoclip...you should add this to main.tpl too in the css section:

thats if you want it to look like mine:

img.photoclip { position: inherit; margin: 0 1px; border: solid 0 #000000; height: auto; overflow: hidden; padding: 0; }
.photoclip { color: white; text-align:left; font-size: 9px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 9px; text-align: left; list-style: none; text-indent: 0; overflow: hidden; vertical-align: top; margin: 0px 0 0; padding: 0; display: inline-table; white-space: normal; }

.photoclip a:link {font-size: 9px; text-decoration: none;}
.photoclip a:link:hover {font-size: 9px; text-decoration: none;}
.photoclip a:visited {font-size: 9px; text-decoration: none;}
.photoclip a:visited:hover {font-size: 9px; text-decoration: none;}
Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

Re: wooo Launch of my site

much appreciation for the share.

~James
FluxBB - Less is more

Re: wooo Launch of my site

I would love to have highslide working with image upload so you don't have to open the image upload gallery page thingy...it just zooms the thumbnails using highslide:

anyone want to code this?

I posted this wish in the image upload thread too:
http://punbb.org/forums/viewtopic.php?pid=82390#p82390

Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

Re: wooo Launch of my site

this is a cool feature i just added if anyone is interested...go to my forum and drag the mouse over any external link:

http://www.amateurillustrator.com/forum … .php?id=28

try the websites under peoples avatars

Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

23 (edited by nickfzx 2006-12-03 03:09)

Re: wooo Launch of my site

got it working by myself....


here is the a link to where u can see it in action:
http://www.amateurillustrator.com/forum … php?id=239

Just click on one of the uploaded images.


here is what i did to the "displays all image section" of image_upload.php

/*
********************************************************************************
** Displays all images that are currently attached to a post.
********************************************************************************
*/
function show_post_images($pid, $edit = false)
{
    global $pun_config, $lang_common;

    if (!check_mod_config())
        return;

    // Check if this post has images attached
    if (!is_dir($pun_config['iu_upload_path'].$pid))
        return;

    // Create an array of all image names for this post
    $images = get_dir_contents($pun_config['iu_upload_path'].$pid.'/thumbnails/');
    $image_count = count($images);

    $col = 0;
    $idx = 0;

    $column_count = $pun_config['iu_table_cols'];
    $column_width = floor(100/$column_count);
    $image_height = $pun_config['iu_thumb_height'];
    $row_height   = $image_height + 6;

    if ($edit)
        $row_height += 20;

    $output[] = '';

    if (!$edit)
        $output[] = "\t\t\t\t\t<br />";
    $output[] = "\t\t\t\t\t<div class='image_thumbnails'>";

    $output[] = "\t\t\t\t\t\t<fieldset>";
    $output[] = "\t\t\t\t\t\t\t<legend>$lang_common[Uploaded_Images]</legend>";

    while ($idx < $image_count) {

        $output[] = "\t\t\t\t\t\t\t<div class='image_row' style='height: ".
                    $row_height."px;'>";

        for ($col = 0; $col < $column_count; $col++, $idx++) {
            if ($col == $column_count - 1)
                $column_width--;    // Oh the wonderful IE CSS engine...

            if ($idx < $image_count) {
                $url_name = urlencode($images[$idx]);
                $output[] = "\t\t\t\t\t\t\t\t<span class='image_item' style='width: ".
                            $column_width."%; height: $image_height"."px;'>";

                            
echo '<div id="highslide-container"></div>';
                if (!$edit) $output[] = "\t\t\t\t\t\t\t\t\t<a href='showimage.php?".
                                        "pid=$pid&filename=$url_name' class='highslide' onclick='return hs.expand(this)' title='Click to enlarge' alt='Highslide JS'>";
                $output[] = "\t\t\t\t\t\t\t\t\t\t<span class='image_thumbnail' ".
                            "style=\"background-image: url('showimage.php?".
                            "pid=$pid&filename=$url_name&preview=true'); ".
                            ($edit ? '' : 'cursor: pointer;') . "\"></span>";
                if (!$edit) $output[] = "\t\t\t\t\t\t\t\t\t</a>";

                if ($edit)
                    $output[] = "\t\t\t\t\t\t\t\t\t<label for='delete_image_$idx'>".
                                "<input type='checkbox' name='delete_image[]' ".
                                "id='delete_image_$idx' value='".urlencode($images[$idx]).
                                "' /> Delete</label>";
                $output[] = "\t\t\t\t\t\t\t\t</span>";
            }

            if ($col == $column_count - 1)
                $column_width++;
        }

        $output[] = "\t\t\t\t\t\t\t</div>";
    }

    $output[] = "\t\t\t\t\t\t</fieldset>";
    $output[] = "\t\t\t\t\t</div>";
    $output[] = "\t\t\t\t\t<br />\n";

    echo implode("\n", $output);

}
Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

Re: wooo Launch of my site

Big upgrade to my site yesterday...uses 1.2.15 very modded.

Here is the link:
http://www.amateurillustrator.com/

the forums are actually at:
http://www.amateurillustrator.com/forums.php

Punbb w/coppermine and wordpress integrated

see my hack to integrate punbb with wordpress comment system.
Illustration Community

Re: wooo Launch of my site

I like it! The new design looks a lot less deviantART-esque (which is a good thing, IMHO -- it sets your site apart).

One comment: the "work from members online now" section doesn't seem to be working out that well. I see one picture and then a billion AI logos. You might want to change it to display something else (like most recent works or work from the last x users online) or remove it altogether.

Looking for a certain modification for your forum? Please take a look here before posting.