vrufusx65v
New Member
- Messages
- 74
- Reaction score
- 0
- Points
- 0
LIVE SITE REFERENCE: betatest.shotsoundstudios.net
I downloaded SlideDeck and installed it fine except for one problem. the index numbers on the bottom for some reason are going outside of their columns. Why?
2nd Question: I have a "date of publication" box on my site that's wanting to be difficult. I have the text inside the box centered, but the text is staying at the top of the box. I would like to completely center the text inside of the box and "margin-top: XXpx" isn't working. It's just moving the entire box down. why is that and how can i fix it.
3rd Question: If you look at my live test site you'll see at the top right a search box. this question probably to others will be easy but apparently not to me. I would like a Google CSE where the search box is now, AND Skin the Google CSE with what i have on my site now. I have provided the code needed inside of my style.css and index.html. They're put in as comments.
I know I'm asking alot from you [the x10 Forum] so as a thank you:
*PRIZE*
300 Credits to the person that can fix ALL 3 QUESTIONS
(i know its not alot but it's better than nothing and that's almost all i have...)
*PRIZE*
HTML for 2nd Question
CSS for 2nd Question
==========================================
HTML for 3rd Question
CSS for 3rd Question
I downloaded SlideDeck and installed it fine except for one problem. the index numbers on the bottom for some reason are going outside of their columns. Why?
2nd Question: I have a "date of publication" box on my site that's wanting to be difficult. I have the text inside the box centered, but the text is staying at the top of the box. I would like to completely center the text inside of the box and "margin-top: XXpx" isn't working. It's just moving the entire box down. why is that and how can i fix it.
3rd Question: If you look at my live test site you'll see at the top right a search box. this question probably to others will be easy but apparently not to me. I would like a Google CSE where the search box is now, AND Skin the Google CSE with what i have on my site now. I have provided the code needed inside of my style.css and index.html. They're put in as comments.
I know I'm asking alot from you [the x10 Forum] so as a thank you:
*PRIZE*
300 Credits to the person that can fix ALL 3 QUESTIONS
(i know its not alot but it's better than nothing and that's almost all i have...)
*PRIZE*
HTML for 2nd Question
Code:
<div class="column1">
<div class="meta-date" id="meta-text">
<h4>Dec</h4>
<h3>11</h3>
</div>
<div id="article-title">
<h2>CoD Vs. Nazi Zombies</h2>
<h5 style="text-align:left">Posted in: Video Games • Entertainment</h5>
</div>
<div id="article-cover">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>CSS for 2nd Question
Code:
.column1 {
float:left;
margin-top:20px;
margin-left:35px;
width:650px;
height:940px;
}
.meta-date {
float:left;
margin-top:px;
margin-left:px;
background-color:#09a2da;
width:40px;
height:40px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border:solid #0580ad 1px;
}
#meta-text {
float:left;
margin-top:0px;
font-family:"myriadpro-bold", Trebuchet MS, sans-serif;
}
#article-title {
float:left;
margin-top:5px;
margin-left:20px;
}
#article-cover {
float:left;
margin-top:15px;
margin-left:px;
text-align:left;
}==========================================
HTML for 3rd Question
Code:
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'en'});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('008835135225647814369:bg7vtsjoucg');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>CSS for 3rd Question
Code:
/*=================================== Google Search Bar ==============*/
.gsc-control-cse {
font-family: "Trebuchet MS", sans-serif;
border-color: #FFFFFF;
background-color: #FFFFFF;
}
input.gsc-input {
border-color: #595959;
}
input.gsc-search-button {
border-color: #000000;
background-color: #000000;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #E9E9E9;
background-color: #E9E9E9;
}
.gsc-tabHeader.gsc-tabhActive {
border-top-color: #FF9900;
border-left-color: #E9E9E9;
border-right-color: #E9E9E9;
background-color: #FFFFFF;
}
.gsc-tabsArea {
border-color: #E9E9E9;
}
.gsc-webResult.gsc-result {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b {
color: #0000CC;
}
.gsc-cursor-page {
color: #0000CC;
}
a.gsc-trailing-more-results:link {
color: #0000CC;
}
.gs-webResult.gs-result .gs-snippet {
color: #000000;
}
.gs-webResult.gs-result .gs-visibleUrl {
color: #008000;
}
.gs-webResult.gs-result .gs-visibleUrl-short {
color: #008000;
}
.gs-webResult.gs-result .gs-visibleUrl-short {
display: none;
}
.gs-webResult.gs-result .gs-visibleUrl-long {
display: block;
}
.gsc-cursor-box {
border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page {
border-color: #E9E9E9;
background-color: #FFFFFF;
}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
border-color: #FF9900;
background-color: #FFFFFF;
}
.gs-promotion.gs-result {
border-color: #336699;
background-color: #FFFFFF;
}
.gs-promotion.gs-result a.gs-title:link {
color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:visited {
color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:hover {
color: #0000CC;
}
.gs-promotion.gs-result a.gs-title:active {
color: #0000CC;
}
.gs-promotion.gs-result .gs-snippet {
color: #000000;
}
.gs-promotion.gs-result .gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl-short {
color: #008000;
}
/*=================================== Google Search Bar ==============*/