Installing Addon Help!

[mattt]

Hi guys,

I'm new to pixel post and just got my site up and running last night! I'm currently trying to install this addon - http://www.pixelpost.org/extend/addons/album-view/

Instructions

1. Add album_view.php to your addons directory and turn it on
2. Add some css to display the thumbnails properly. I've included the css I'm using as a sample in the package.
3. Add one of the Album View tags to one of your templates. I would suggest making a new template page for this tag - for instance I put the tag on album_template.html. Tags to use:


I am okay with step 1 but I do not understand step 2 and 3 and was just wondering if someone could help me get this working!

Thank you in advance.

Matt

[kevincrafts]

Copy the css from albumview.css to your template css file.
Make a copy of your browse template - call it album_template.html.
Remove all browse specific tags: <THUMBNAILS>, etc.
Add the appropriate Album tag to your template.
Access the page by http://www.yoursite.com/index.php?x=album


If you were to give a url I might be able to help you further.

[mattt]

thanks, that kind of helped me but not really. I honestly have NO clue about coding at all.

my site is http://www.mattbeech.com

[snafu]

I honestly have NO clue about coding at all.
me too

you use the supaclean template?

first you copy your browse_template.html to album_template.html
in the template you search for that:
<div class="mainBody">
<div class="archive">
<div class="tags">
<h2>Browse</h2>
<BROWSE_CATEGORIES>&nbsp;&nbsp;<TAG_MENU>
</div>
<div class="thumbs">
<THUMBNAILS></div>
</div>
<div class="footer">

and replace it with that

<div class="mainBody">
<div class="archive">
<div class="thumbs">
<h2>Kategorien</h2>

<ALBUMVIEWPAGEDRAND>

</div>

</div>

<div class="footer">


my result (http://web57.ws/pixelpost/index.php?x=album)

the css i copy in the header section from album_template.html, this loked like so:


<style>

.albumWrapper {

height:120px;
width:auto;
text-align:center;
float:left;

margin-top:10px;
margin-left: auto;
margin-right:auto;
padding-left:6px;
padding-right:6px;
}
.albumWrapper2 {
margin:3px;
width:auto;
}
.albumWrapper a:link, .albumWrapper a:visited {
color:#999999;
text-decoration:none;
display:block;
}
.albumWrapper img {
border:1px solid #888888;
}

.albumTitle {
font-size:80%;
padding:2px 0;
}

.albumTitle a:link, .albumTitle a:visited {
border:none;
}

.albumall { display:none; }

.archive {
width:690px;
margin:0 auto;
}

</style>

</head>


maybe thats not the best way, but it works for me

[mattt]

Guys I still can't get this to work! Any help? :(

[mattt]

Okay, I kind of got it working, this is what I have so far - http://www.mattbeech.com/index.php?x=album

Also how can i make it so when 'browse' is clicked it goes to http://www.mattbeech.com/index.php?x=album instead of http://www.mattbeech.com/index.php?x=browse


Thank you guys

[snafu]

how can i make it so when 'browse' is clicked it goes to

jyou change in every template file this row:
<a href="<SITE_BROWSELINK>">Browse</a>
to that:
<a href="index.php?x=album" title="Browse">Browse</a>

[mattt]

Okay that sounds easy enough, any idea what is going on with it at the moment? How can i get rid of all the random text and get it working properly haha.

[kevincrafts]

What did you edit the file in? looks like a bunch of other stuff got added to it.

[mattt]

wordpad :|

[mattt]

managed to fix it thanks alot guys!! :) one more thing, how can i get the categorys to go across the way instead of down?

[snafu]

how can i get the categorys to go across the way instead of down?

i think you must first clean your code, dont use wordpad! use a plain text editor like notepad!

[mattt]

I have and it's now working!

http://www.mattbeech.com/index.php?x=album

[kevincrafts]

Your css still has some issues:

tab\tab\tab\tab
\tab height:120px;
\tab width:auto;
\tab text-align:center;
\tab float:left;
\tab
\tab margin-top:10px;
\tab margin-left: auto;
\tab margin-right:auto;
\tab padding-left:6px;
\tab padding-right:6px;
\}
.albumWrapper2 \{\tab
\tab margin:3px;
\tab width:auto;
\}
.albumWrapper a:link, .albumWrapper a:visited \{
\tab color:#999999;
\tab text-decoration:none;
\tab display:block;
\}
.albumWrapper img \{
\tab border:1px solid #888888;
\tab\}
\tab
.albumTitle \{
\tab font-size:80%;
\tab padding:2px 0;
\}

.albumTitle a:link, .albumTitle a:visited \{
\tab border:none;
\}

.albumall \{ display:none; \}

.archive \{
\tab width:690px;
\tab margin:0 auto;
\tab\}

[mattt]

It looks ok for me in firefox does it look okay for you? what do i need to change