Advanced Search

Results 1 to 3 of 3

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

  1. #1
    Join Date
    Jul 2013
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

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

    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

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,680
    Thanks
    43
    Thanked 3,126 Times in 3,092 Posts
    Blog Entries
    12

    Default

    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:

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

    Code:
    <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):

    Code:
    		<!-- 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 -->
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    mr108 (08-08-2013)

  4. #3
    Join Date
    Jul 2013
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    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

Similar Threads

  1. Replies: 3
    Last Post: 07-22-2012, 10:25 PM
  2. Header frame on my portfolio page
    By AndyWhyteUK in forum Looking for such a script or service
    Replies: 2
    Last Post: 01-31-2011, 08:35 AM
  3. Replies: 1
    Last Post: 05-02-2009, 12:24 PM
  4. Replies: 6
    Last Post: 03-27-2009, 01:17 AM
  5. Replies: 3
    Last Post: 11-22-2007, 06:29 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •