code for links on buttons and text on one page linking to selection on portfolio page

[mr108]

Hello,

I'm just a beginner in this whole area of coding.

I created an entry page http://terrybraunstein.com/tb/ to the main site http://terrybraunstein.com

At present the buttons and caption links on the entry page open the Portfolio page.

I would like the buttons and caption links on the entry page open specific media categories instead, e.g. button and caption link for Public Art should open Public Art selection on Portfolio page etc, just like the buttons on actual Portfolio page open selected media categories.

I tried with this link http://terrybraunstein.com/portfolio...es/public-art/ but it opens just an empty page. But there must be a way to do it. I'm sue that the code is somewhere in the CSS file, only it's so complex and big, I have no idea what is what.

Appreciate any help with this.

Marek

[jscheuer1]

You're not kidding you're a beginner at this. The css file cannot be changed to make links from another page activate the quicksand links on your portfolio page. The:

http://terrybraunstein.com/wp-conten...cksand.init.js

file can. First make a backup copy of it, just in case. Next replace it with this updated version (right click and 'Save As'):

jquery.quicksand.init.js

Now, on your tb page, where you have something like:

<a class="button" href="http://terrybraunstein.com/portfolio/">PUBLIC ART</a>

Make that:

<a class="button" href="http://terrybraunstein.com/portfolio/?group=public-art">PUBLIC ART</a>

It will activate the class="public-art" link on the portfolio page.


Now, in case you don't know all the classes, we find them here in the portfolio page's markup (marked red):

		<!-- START #filter -->
		<ul id="filter" class="group">
			
			<!-- START .active -->
			<li class="active">
				<a href="#" class="all" title="View all items">
					
					<span class="term-name">All</span>
					
					<!-- START .term-count -->
					<span class="term-count">
						52						<span class="triangle-down"></span>
					</span>
					<!-- END .term-count -->
					
				</a>
			</li>
			<!-- END .active -->
				
								
										
					<li>
						<a class="public-art" href="#" title="View all items filed under I Public Art">
	
							<span class="term-name">I Public Art</span>
							
							<!-- START .term-count -->
							<span class="term-count">8<span class="triangle-down"></span></span>
							<!-- END .term-count -->
							
						</a>
					</li>
					
										
					<li>
						<a class="photography" href="#" title="View all items filed under II Photography">
	
							<span class="term-name">II Photography</span>
							
							<!-- START .term-count -->
							<span class="term-count">9<span class="triangle-down"></span></span>
							<!-- END .term-count -->
							
						</a>
					</li>
					
										
					<li>
						<a class="artist-books" href="#" title="View all items filed under III Artist Books">
	
							<span class="term-name">III Artist Books</span>
							
							<!-- START .term-count -->
							<span class="term-count">21<span class="triangle-down"></span></span>
							<!-- END .term-count -->
							
						</a>
					</li>
					
										
					<li>
						<a class="montages" href="#" title="View all items filed under IV Montages">
	
							<span class="term-name">IV Montages</span>
							
							<!-- START .term-count -->
							<span class="term-count">2<span class="triangle-down"></span></span>
							<!-- END .term-count -->
							
						</a>
					</li>
					
										
					<li>
						<a class="installations" href="#" title="View all items filed under V Installations">
	
							<span class="term-name">V Installations</span>
							
							<!-- START .term-count -->
							<span class="term-count">4<span class="triangle-down"></span></span>
							<!-- END .term-count -->
							
						</a>
					</li>
					
										
					<li>
						<a class="assemblages" href="#" title="View all items filed under VI Assemblages">
	
							<span class="term-name">VI Assemblages</span>
							
							<!-- START .term-count -->
							<span class="term-count">4<span class="triangle-down"></span></span>
							<!-- END .term-count -->
							
						</a>
					</li>
					
										
					<li>
						<a class="sculpture" href="#" title="View all items filed under VII Sculpture">
	
							<span class="term-name">VII Sculpture</span>
							
							<!-- START .term-count -->
							<span class="term-count">4<span class="triangle-down"></span></span>
							<!-- END .term-count -->
							
						</a>
					</li>
					
									
						
		</ul>
		<!-- END #filter -->

[mr108]

Thanks John for your quick response! I was away from home the last 5 days without any internet. I'll make necessary changes to the code later today and let you know how it worked out. No I'm not kidding that I'm a beginner. I made some webpages many years ago using Frontpage and now I'm using a better Expression Web 4 (also WYSIWIG and free!) and CSS I started to look into just 2-3 weeks ago and the Stylizer is a very good software (using trial version) to learn CSS. I made that entry page but the whole main website is made by someone else of course.
Marek