View Full Version : Homepage slideshow text?
Marlowe
Jun-20-2008, 11:51 AM
I can't figure out how to move my homepage slideshow to the left. I want to do this so I can place some welcome text to the right of the slideshow. Oh, by the way, I have no idea how to do this either!
I can't find anything to adjust in my bio to align the slideshow to the left. Can anyone help me on this? I know I've seen this done before, with text to the right.
Thanks,
J
http://www.cxphotos.smugmug.com
OK I moved it left by changing the "center" to "left" in the following:
#userBio {
text-align: left;
}
Now, is there any way of adding text to the right of this?
Thanks,
J
Allen
Jun-20-2008, 01:22 PM
I can't figure out how to move my homepage slideshow to the left. I want to do this so I can place some welcome text to the right of the slideshow. Oh, by the way, I have no idea how to do this either!
I can't find anything to adjust in my bio to align the slideshow to the left. Can anyone help me on this? I know I've seen this done before, with text to the right.
Thanks,
J
http://www.cxphotos.smugmug.com
OK I moved it left by changing the "center" to "left" in the following:
#userBio {
text-align: left;
}
Now, is there any way of adding text to the right of this?
Thanks,
J
Add this to your CSS and see if it's what you want.
Edit: actually just change the existing one.
#myMetaDes {
float: right;
width: 270px;
font-family: trebuchet MS, verdana;
font-size: 120%;
color: #FFB00F;
margin: 30px 20px 0 0; /* top right bottom left */
}
and remove this
#userBio {
text-align: left;
}
Marlowe
Jun-20-2008, 01:44 PM
Hi Allen, I tried this, the slideshow looks the same and added a couple words of text which appears to the right of the slideshow, but at the bottom. Can I somehow format a paragraph or two to the right of this slideshow?
Thanks,
J
http://www.cxphotos.smugmug.com
PS. here's an example of what I've been aiming at:
http://pix.aerog.com/
Allen
Jun-20-2008, 03:56 PM
Hi Allen, I tried this, the slideshow looks the same and added a couple words of text which appears to the right of the slideshow, but at the bottom. Can I somehow format a paragraph or two to the right of this slideshow?
Thanks,
J
http://www.cxphotos.smugmug.com
PS. here's an example of what I've been aiming at:
http://pix.aerog.com/
You forgot to remove this
#myMetaDes {display: none;}
Edit: see next post, don't remove this.
Allen
Jun-20-2008, 04:01 PM
Hi Allen, I tried this, the slideshow looks the same and added a couple words of text which appears to the right of the slideshow, but at the bottom. Can I somehow format a paragraph or two to the right of this slideshow?
Thanks,
J
http://www.cxphotos.smugmug.com
PS. here's an example of what I've been aiming at:
http://pix.aerog.com/
Oop, might mean different the meta.
Add in the text you want.
<div id="myMetaDes">
Photography focusing on cyclocross, from professional UCI events in Canada and the USA, also some road cycling events, based in Toronto Ontario.
</div>
<div id="myBioText">
<p>Photography focusing on cyclocross, from professional UCI events in Canada and the USA, also some road cycling events, based in Toronto Ontario.</p>
<p>Photography focusing on cyclocross, from professional UCI events in Canada and the USA, also some road cycling events, based in Toronto Ontario.</p>
</div>
<script>
var oPara....
Then in CSS change the div name in this and don't remove #myMetaDes {display: none;}
#myBioText {
float: right;
width: 270px;
font-family: trebuchet MS, verdana;
font-size: 120%;
color: #FFB00F;
margin: 30px 20px 0 0; /* top right bottom left */
}
Allen
Jun-20-2008, 04:15 PM
Hi Allen, I tried this, the slideshow looks the same and added a couple words of text which appears to the right of the slideshow, but at the bottom. Can I somehow format a paragraph or two to the right of this slideshow?
Thanks,
J
http://www.cxphotos.smugmug.com
PS. here's an example of what I've been aiming at:
http://pix.aerog.com/
Another option so text will flow around the show. Lots of blabs added so
you can see how it flows around the show.
Add add div around the show and new text div at bottom.
<html>
<div id="myMetaDes">
Photography focusing on cyclocross, from professional UCI events in Canada and the USA, also some road cycling events, based in Toronto Ontario.
</div>
<div id="myBioShow">
********>
var oParams = new Object;
...
...
createSWF(300,263, oParams, "transparent");
</script>
</div>
<div id="myBioText">
<p>blab blab blab blab blab blab blab blab blab blab blab blab blab
blab blab blab blab blab blab blab blab blab blab blab blab blab blab
blab blab blab blab blab blab blab </p>
<p>blab blab blab blab blab blab blab blab blab blab blab blab blab
blab blab blab blab blab blab blab blab blab blab blab blab blab blab
blab blab blab blab blab blab blab </p>
<p>blab blab blab blab blab blab blab blab blab blab blab blab blab
blab blab blab blab blab blab blab blab blab blab blab blab blab blab
blab blab blab blab blab blab blab </p>
<p>blab blab blab blab blab blab blab blab blab blab blab blab blab
blab blab blab blab blab blab blab blab blab blab blab blab blab blab
blab blab blab blab blab blab blab </p>
<p>blab blab blab blab blab blab blab blab blab blab blab blab blab
blab blab blab blab blab blab blab blab blab blab blab blab blab blab
blab blab blab blab blab blab blab </p>
</div>
</html>
Use these in the CSS
#myMetaDes {display: none;}
#myBioShow {
float: left;
padding-right: 30px; /* pushes text right from show */
}
#myBioText {
font-family: trebuchet MS, verdana;
font-size: 110%;
color: #FFB00F;
margin: 20px 20px 0 0; /* top right bottom left */
}
Marlowe
Jun-21-2008, 05:39 AM
Hi Allen, and thanks for loo0king into this for me. I tried your suggestion starting with your 2nd last reply, and after installing that I couldn't access my edit for the bio box. Now after removing the "#MyBioText" segment from the CSS I've broken something. Now my recent galleries thumbs are not showing beneath the slideshow. I don't have a clue how to proceed without making things worse. Oh, and my "Galleries" tab at the top won't show what it's supposed to.
I should mention when I tried everything at first what appeared was as you see it now, but everything moved to the right, but with my yellow text instead of the white.
Can you get me back to where I can edit my biobox and try your last reply's suggestions? I have a way of completely messing these things up!:D
http://www.cxphotos.smugmug.com
Allen
Jun-21-2008, 06:26 AM
Hi Allen, and thanks for loo0king into this for me. I tried your suggestion starting with your 2nd last reply, and after installing that I couldn't access my edit for the bio box. Now after removing the "#MyBioText" segment from the CSS I've broken something. Now my recent galleries thumbs are not showing beneath the slideshow. I don't have a clue how to proceed without making things worse. Oh, and my "Galleries" tab at the top won't show what it's supposed to.
I should mention when I tried everything at first what appeared was as you see it now, but everything moved to the right, but with my yellow text instead of the white.
Can you get me back to where I can edit my biobox and try your last reply's suggestions? I have a way of completely messing these things up!:D
http://www.cxphotos.smugmug.com
You are just missing the closing div for this, add it and everything pops back.
<div id="myBioText">
<p>Welcome to cyclingphotos.ca</p>
</div>
The edit pick is sometimes had to find but should be there somewhere. If
not, in your control panel under the settings tab you'll see bio: change.
Marlowe
Jun-21-2008, 06:54 AM
It all seems so obvious when you point it out, of I'd have never caught that.:D
Thanks again Allen, I'm going to work on your other suggestions!
Sanguyn
Jun-21-2008, 09:59 PM
Allen,
I've used your help to Marlowe in this thread to put some text next to the slideshow in my homepage (www.visualspeedphoto.com (http://www.visualspeedphoto.com)) . However I just can't pull the text up to be side by side with my slideshow. I know I'm missing something here. Please help!
Noah
Allen
Jun-21-2008, 10:44 PM
Allen,
I've used your help to Marlowe in this thread to put some text next to the slideshow in my homepage (www.visualspeedphoto.com (http://www.visualspeedphoto.com)) . However I just can't pull the text up to be side by side with my slideshow. I know I'm missing something here. Please help!
Noah
Welcome to Dgrin :wave
Try this, add a div around the show code.
<html>
<div id="myBioShow">
<script>
var ssConfig = {
...
...
SM.flash.insertSlideshow(350, 350, ssConfig, 'transparent');
</script>
</div>
<div id="myBioText">
...
...
...ments of the game.</p>
</div>
</html>
and use these in yor CSS
#myBioText {
float: right;
width: 350px;
font-family: trebuchet MS, verdana;
font-size: 120%;
color: white;
/* margin: 0 0 0 0; top right bottom left */
}
#myBioShow {float: left;}
Sanguyn
Jun-21-2008, 11:53 PM
Hi Allen,
Thank you for replying so quick (and late in the night!). I'm thrilled to see
to text went up to the top. It's beautiful!
Only one minor problem: somehow parts of the code got into the text: [/color] [color=red] and further down to the left: [b]. What did I do wrong?
Another question: how do I move the slideshow slightly downward?
Again, thank you so much Allen.
Sanguyn
Jun-22-2008, 05:33 AM
Oop, I saw the light! I've got it. It's perfect now.
Thank you :clap
Prena
Oct-07-2008, 10:33 AM
Add this to your CSS and see if it's what you want.
Edit: actually just change the existing one.
#myMetaDes {
float: right;
width: 270px;
font-family: trebuchet MS, verdana;
font-size: 120%;
color: #FFB00F;
margin: 30px 20px 0 0; /* top right bottom left */
}
and remove this
#userBio {
text-align: left;
}
Hi ,
I tried putting the code below in my Css Box but it dissappear slideshow from the homepage.can you please help me. http://prena.smugmug.com/
#myMetaDes {
float: right;
width: 270px;
font-family: trebuchet MS, verdana;
font-size: 120%;
color: #FFB00F;
margin: 30px 20px 0 0; /* top right bottom left */
}
Prena
Oct-07-2008, 10:52 AM
Hi ,
I tried putting the code below in my Css Box but it dissappear slideshow from the homepage.can you please help me. http://prena.smugmug.com/
#myMetaDes {
float: right;
width: 270px;
font-family: trebuchet MS, verdana;
font-size: 120%;
color: #FFB00F;
margin: 30px 20px 0 0; /* top right bottom left */
}
i have deleted it still slideshow don't show up.
Allen
Oct-07-2008, 02:45 PM
i have deleted it still slideshow don't show up.
Huh? See other theard.
http://www.dgrin.com/showthread.php?t=107937
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.