WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1HTML blog code! Help needed. Empty HTML blog code! Help needed. Mon Nov 08, 2010 8:40 am

Joel

Joel
Registered Member
Registered Member
Take a look at http://foruminsight.blogspot.com/ ,

HTML blog code! Help needed. 2010-11-08_0938

how do i remove the 4 big images i circled out? Or rather, how do i make the needed height smaller? I tried uploading a small image, but the outer image is still big. How do i change that?

current codes :
Code:








//var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('
[list]');
while (i < relatedTitles.length && i < 20) {
document.write('
[*][url=http://www.webartzforum.com/' + relatedUrls[r] + ']' + relatedTitles[r] + '[/url]');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('
[/list]');
}
//]]>






var thumbnail_mode = "float" ;
summary_noimg = 440;
summary_img = 360;
img_thumb_height = 140;
img_thumb_width = 140;



  ////
//
function removeHtmlTag(strx,chop){
   if(strx.indexOf("")!=-1){
            s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
         }
      }
      strx =  s.join("");
   }
   chop = (chop < strx.length-1) ? chop : strx.length-2;
   while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
   strx = strx.substring(0,chop-1);
   return strx+'...';
}

function createSummaryAndThumb(pID){
   var div = document.getElementById(pID);
   var imgtag = "";
   var img = div.getElementsByTagName("img");
   var summ = summary_noimg;
   if(img.length>=1) {   
      if(thumbnail_mode == "float") {
         imgtag = '[img]'+img[0].src+'[/img]';
         summ = summary_img;
      } else {
         imgtag = '[center][img]'+img[0].src+'[/img][/center]
';
         summ = summary_img;
      }
   }
   
   var summary = imgtag + '' + removeHtmlTag(div.innerHTML,summ) + '
';
   div.innerHTML = summary;
}

 //]]>



 

.post{
  height:auto;
  background:#FFFFFF;
  border:none 0px;
  margin:0 0 20px;
  padding:1px;}

.caixa {
  margin:0;height:auto;
  padding:1px;border:1px solid #CFCFCF;
  background: #fff url(http://3.bp.blogspot.com/_YGpl3rQPSzI/SuTk6g46QKI/AAAAAAAAOwM/A5eOZOiYARo/s1600/post.png)  repeat-x top left;
  }

.post-body{
  display:table;
  font-size:13px;
  font-style:italic;
  height:1%;
  padding: 10px 20px;
  line-height:1.7em;
}

.post h3 {
  font-size:25px;
  font-weight:bold;
  letter-spacing:-2px;
  margin:0px 0 0;
  text-decoration:none;
  padding:10px 0 4px 20px;
  line-height:1.4em;
  color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:normal;
}

.post h3 strong, .post h3 a:hover {color:$textcolor;}

h2.date-header{text-indent:-9999em;}

.footer-home{
  height:16px;
  padding: 13px 0px;
  text-shadow:0 1px 0 #f9f9f9;
  border-top: 1px solid #d5d5d5;
  background: url(http://4.bp.blogspot.com/_YGpl3rQPSzI/SuWL0N3kqjI/AAAAAAAAOws/dExzsNPYik8/s1600/sidebar-h2.png)  repeat-x top left}

.numComments {
  background: transparent url(http://2.bp.blogspot.com/_YGpl3rQPSzI/SuXUQQXpR5I/AAAAAAAAOxw/Yl7CS8ZH0KQ/s1600/comments.png) no-repeat top right;
  float:left;
  text-align: center;
  margin: -7px 0px 0px 20px;
  padding: 6px 0 0 0;
  font-size: 13px;
  font-weight:bold;
  width: 35px;
  height:35px;
  font-family: Arial, Sans-serif;
  text-shadow:0 1px 0 #f9f9f9;
}
.numComments a:link{
  color: #404040;
}
.numComments a:visited{
  color: #404040;
  text-decoration:none;
}
.numComments a:hover{
  color: #404040;
}

post-comment-link{
  margin: 0px;
  padding: 0px 0px 0px 0px;}

#showlink{
  display:block;
  float: right;font-size:13px;
  padding: 0px 20px 0px 0px;text-shadow:0 1px 0 #f9f9f9;}

#showlink a, #showlink a:visited{color: #404040}
#showlink a:hover{color: #404040; text-decoration: none}

.post-labels{margin: 0px; padding: 0 0 0 20px;text-decoration:none;font-size:11px;}






#comments {border:1px solid #cfcfcf; background: #fdfdfd url(http://3.bp.blogspot.com/_YGpl3rQPSzI/SuTk6g46QKI/AAAAAAAAOwM/A5eOZOiYARo/s1600/post.png)  repeat-x top left;padding:1px;}

#comments-block .comment-author { margin:.5em 0; width: 550px;float:right; }

#comments-block .comment-body {width: 500px;float:right;  margin:0px 30px 15px 0px;  background: #fff url(http://3.bp.blogspot.com/_YGpl3rQPSzI/SuTk6g46QKI/AAAAAAAAOwM/A5eOZOiYARo/s1600/post.png)  repeat-x top left; padding: 10px; border: 1px solid #d5d5d5}

#comments-block .comment-footer {
  margin:0;
  line-height: 1.4em;
  width: 550px; float:right; }






 







[list]
[*][url=http://templateferia.blogspot.com/]Home[/url]
[*][url=http://www.webartzforum.com/url%20aqui]Sobre[/url]
[*][url=http://www.webartzforum.com/url%20aqui]Templates[/url]
[*][url=http://www.webartzforum.com/url%20aqui]Contato[/url]
[/list]



[list]
[*][url=http://templateferia.blogspot.com/]Posts[/url]
[*][url=http://www.webartzforum.com/url%20aqui]Comments[/url]
[*][url=http://www.webartzforum.com/url%20aqui]Feeds[/url]
[/list]










































 

 


 

2009 ยท[url=http://www.webartzforum.com/data:blog.homepageUrl][/url] by [url=http://templatesparanovoblogger.blogspot.com]TNB[/url], [url=http://www.theblogfullofgames.com]The Blog Full of Games[/url]

[url=http://www.webartzforum.com/data:blog.homepageUrl + &quot;feeds/posts/default&quot;]Posts[/url][url=http://www.webartzforum.com/data:blog.homepageUrl + &quot;feeds/comments/default&quot;]Comments[/url]



               

Help GREATLY appreciated.



Last edited by Joel on Tue Nov 09, 2010 3:22 pm; edited 1 time in total

http://www.advertisehotspot.info/

2HTML blog code! Help needed. Empty Re: HTML blog code! Help needed. Mon Nov 08, 2010 1:06 pm

ankillien

ankillien
Administrator
Administrator
Hi,

Try adding this CSS code...

Code:
#header-bottom1,
#header-bottom2,
#header-bottom3,
#header-bottom4 {
height: 200px;
}

3HTML blog code! Help needed. Empty Re: HTML blog code! Help needed. Tue Nov 09, 2010 6:46 am

Joel

Joel
Registered Member
Registered Member
Yea, that works. Than how do i remove them? As in remove all four headers.

oh wait, i already realized something, when i try to upload a image via the blogger design tab, i added a small 88x31 image, but when it was live, http://foruminsight.blogspot.com/ it looked like

HTML blog code! Help needed. 2010-11-09_0749

http://www.advertisehotspot.info/

4HTML blog code! Help needed. Empty Re: HTML blog code! Help needed. Tue Nov 09, 2010 10:29 am

ankillien

ankillien
Administrator
Administrator
You have set the height to 20px (very small) and thats why it looks like that. Try increasing the height and it will look fine.

5HTML blog code! Help needed. Empty Re: HTML blog code! Help needed. Tue Nov 09, 2010 10:55 am

Joel

Joel
Registered Member
Registered Member
okay, but anyway, i decided to change the blog skin.

http://foruminsight.blogspot.com/

see the sidebars? How do i make the left side bar width longer? I don't want both side bars left and right, to be equal. I want the left side bar to be longer in width. I will just be using the right sidebar for ad purposes, so i don't need that much space.

http://www.advertisehotspot.info/

6HTML blog code! Help needed. Empty Re: HTML blog code! Help needed. Tue Nov 09, 2010 12:09 pm

ankillien

ankillien
Administrator
Administrator
This is the image used in the background...

http://4.bp.blogspot.com/_1_qkt6bisvU/S_Pt6gj00TI/AAAAAAAAAOE/opwcIbuBcoE/s1600/content-background.png

It makes the columns look having equal width. Change that image in image editor and reupload it.

7HTML blog code! Help needed. Empty Re: HTML blog code! Help needed. Tue Nov 09, 2010 12:58 pm

Joel

Joel
Registered Member
Registered Member
http://foruminsight.blogspot.com/

when you see

HTML blog code! Help needed. 2010-11-09_1354

the blog post/the main feature, isn't centered. How do i make it more centered in the white bg part?

http://www.advertisehotspot.info/

8HTML blog code! Help needed. Empty Re: HTML blog code! Help needed. Tue Nov 09, 2010 2:10 pm

ankillien

ankillien
Administrator
Administrator
To fix the width, add this to your CSS...

Code:
#main-wrapper , #main {
width: 700px;
}

9HTML blog code! Help needed. Empty Re: HTML blog code! Help needed. Tue Nov 09, 2010 3:21 pm

Joel

Joel
Registered Member
Registered Member
WORKS PERFECTLY! THANKS!

Solved, Locked

http://www.advertisehotspot.info/

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum