بک لینک

موضوع بسته شده است 
تغییر عکس پس زمینه ی وبلاگ
#1
سلام
میخواستم ازتون خواهش کنم بهم یاد بدین اگه بخوام بجای این که رنگ پس زمینه ی وبلاگ رو تغییر بدم 
چطور بجاش یه عکس بزارم
مثلا رو این قالب :
کد:
<html>
<head>
</script>
<title><-BlogAndPostTitle-></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="<-BlogAndPostTitle->,<-BlogId->">
<META NAME="description" CONTENT="<-BlogAndPostTitle-> - <-BlogDescription->">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<meta name="GENERATOR" conatent="BlogFa.com">
</script>
<center><br>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>

</div>

<style type="text/css">
#navbar-iframe {
display: none;
}

body {

background:url()#99FF00;
background-attachment:fixed;
font-family: trebuchet ms;
font-size: 11px;
text-align: left;
}


::-webkit-scrollbar {
height:8px;
width: 8px;
background:#fff;
}
::-webkit-scrollbar-thumb {
background-color:#000;
-moz-border-radius: 10px;
border-radius: 10px;
}
::-moz-selection {
background:#fff;
color:#000;
}
::selection {
background:#fff;
color:#000;
}
::-moz-selection {
background:transparent;color:#000;
text-shadow: 2px 2px 3px #000;
}
::selection {
background:transparent;color:#000;
text-shadow: 2px 2px 3px #000;
}

a:link, a:visited {
color: #000;
text-decoration: none;
}

a:hover{
text-decoration: none;
border-bottom:1px dotted #000;
}

.CSMA {font-size: 13px;
width:150px;direction: rtl; filter:alpha(opacity=20);background-color: #fef457;border:5px solid #fef457; border-radius: 20px;
}


.Content{background:#fff url() repeat right;float:right;width:450px;text-align:center;overflow:hidden;filter:alpha(opacity=65);box-shadow:0px 0px 9px 3px #; background-color: #fff;border:1px solid #2ca2cd; border-radius: 5px;

}

.Sidebar{line-height: 150%;width: 160px;float: left;padding:5px;text-align: left;direction: rtl; filter:alpha(opacity=65)box-shadow:0px 0px 9px 3px #; background-color: #fff;border:1px solid #2ca2cd; border-radius: 5px;


}



.posttitle {
font-size: 10px;
width:430px;direction: rtl; filter:alpha(opacity=20);background-color: #ed9a3e;border:5px solid #ed9a3e; border-radius: 20px;
}


a.navigate {
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
color:#000;
font-family: 'smiley monster', cursive;
font-size:12px;
border: 1px dashed #000;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:0.5s;
}
a.navigate:hover {
margin-top: 8px;
margin-bottom: 8px;
padding-right: 10px;
-webkit-transition: 0.5s;
}
.sec-title {
font-family: Trebuchet MS;
font-size:11px;
width: 340px;
margin-top: -2px;
border-top: 5px double #000;
border-bottom: 5px double #000;
line-height:20px;
color: #000;
margin-left: 160px;
text-align: center;
}

blockquote {
border: 1px dotted #000;
padding: 8px;
}

u {
text-decoration: none;
border-bottom: 1px Dashed #000;
}



</style>

<script  language="javascript">
  function GetBC(lngPostid)
   {
       intTimeZone=<-BlogTimeZone->;
       strBlogId="<-BlogId->";
       intCount=-1;
       strResult="";
       try {
     for (i=0;i<BlogComments.length;i+=2)
     {
          if (BlogComments[i]==lngPostid)
          intCount=BlogComments[i+1] ;
     }
           }  catch( e) {
           }
    if ( intCount==-1)  strResult="CM";
    if ( intCount==0)  strResult="CM";
    if ( intCount==1)  strResult="CM";
    if ( intCount>1)  strResult=intCount + "CM" ;
  
  strUrl="/comments/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
  strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no​​?? ,width=500px,height=500px')\" >" +  strResult + " </a>" ;

  document.write ( strResult ) ;
 }
 
 function OpenLD()
{
  window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
  return true;
}

</script>

</head>


<table style="font-size: 11px; color: #000; line-height: 17px;background:#; border-radius:20px;" width="665" align="center" border="0" cellspacing="8">
<tbody><tr>


<td valign="top" style="width:500px; padding-right:1px;">

    
<img border="0" src="http://upcity.ir/images2/89063185253821998630.png" width="665" alt="">

<div style="height:100%">
<div class="Content">

<BLOGFA>

<div class="post-title"><BlogItemTitle></BlogPostTags></BlogItemTitle></div>
<center>
    <a name="<-PostId->"></a>
        <center>
    <div class="posttitle"><a href="<-PostLink->"><-PostTitle-></a></div>
    <div class="postbody" ><-PostContent-><BlogPostTagsBlock>تگ ها : <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTagsBlock><BlogExtendedPost><br><a href="<-PostLink->">ادامه مطلب</a></BlogExtendedPost></div>
    <div class="postdesc">
        <a  href="<-PostLink->" >+</a>
        /  <-PostDate->/  <-PostTime->  /  <-PostAuthor->  
        <BlogComment>
         /  
         <span dir="rtl" >
         <script type="text/javascript">GetBC(<-PostId->);</script>
         </span>
        </BlogComment>
     </div>
  <hr width="70%" size="2" color="#000" align="center" >

    </BLOGFA></center>

<center><BlogNextAndPreviousBlock>
<div style="width:100%">
<BlogPreviousPageBlock>
<div style="width:100%;float:center"><a href="<-BlogPreviousPageLink->">New Post</a></div>
</BlogPreviousPageBlock><br>
<BlogNextPageBlock>
<div style="width:100%;float:center;text-align:center"><a href="<-BlogNextPageLink->">Old Post</a></div>
</BlogNextPageBlock>
</div>
</BlogNextAndPreviousBlock>

</div>

<div style="padding-left:17px;padding-top:5px">
    <div class="Sidebar">


<center>

<div class="BlogTitle" dir="rtl" align="center"><font color="#000" face="tahoma" size="2"><-BlogTitle-></font></div>

<div class="BlogSubTitle" dir="rtl"  align="center"><font color="#000" face="tahoma" size="1"><-BlogDescription-></div>


<br>
<div class="CSMA">MENU</div><br>

<a class="link" href="/">HOME</a><br><br>

<a class="link" href="/profile/">PROFILE</a><br><br>

<a class="link" href="/archive/">ARCHIVE</a><br><br>

<a class="link" href="http://csma-theme.blogfa.com/">THEME</a><br>

<br>
<div class="CSMA">ABOUT ME</div><br>

        <BlogProfile>
            <div style="padding-bottom:7px;text-align: right"  >
           <BlogPhoto>
               <div style="padding-bottom:7px;text-align:center" >
               <img src="<-BlogPhotoLink->" >
               </div>
           </BlogPhoto>
          <-BlogAbout->
          </div> 
       </BlogProfile>


        <BlogLinkDumpBlock>
<br>
    
<div class="CSMA">DELIY LINK</div>


<BlogLinkDump><br><a target="_blank" rel="nofollow" href="<-LinkUrl->" title="<-LinkDescription->"><-LinkTitle-></a></li></BlogLinkDump>
                
<br>

</BlogLinkDumpBlock>

<br>
    <div class="CSMA">LINK</div><br>
        
    <BlogLinks>
            <a href="<-LinkUrl->" target="_blank" rel="nofollow"><-LinkTitle-></a><br>
        </BlogLinks>
    
         <br>

<div class="CSMA">OTHER</div><br>

  <script language="javascript" type="text/javascript"          
  src=""></script>


  <div align="center"> <-BlogCustomHtml->    </div>
    
<BlogCategoriesBlock>
<center><br>
<div class="CSMA">CATEGORY</div>

<BlogCategories><br><a href="<-CategoryLink->"><-CategoryName-></a></li></BlogCategories>
</ul>
</div>
</BlogCategoriesBlock>
<center>


<p></div>


</td></tr></tbody></table>


</div>
</body>
</html>
مطالب خنده دار ، مطالب عاشقانه
#2
این خط کد را در فایل Css خودتون اضافه کنید.
آدرس عکس را درقسمت مشخص شده اضافه کنید.
کد:
        body{
        background:no-repeat url(آدرس عکس);
        }
#3
(93-6-21، 07:19 عصر)hsdn نوشته است: این خط کد را در فایل Css خودتون اضافه کنید.
آدرس عکس را درقسمت مشخص شده اضافه کنید.
کد:
        body{
        background:no-repeat url(آدرس عکس);
        }

ببخشید یه بار خودتون این عکس رو اونجا بزارین من متوجه میشم
http://www.gigpars.com/upload/9v_7.jpg
#4
(93-6-21، 07:19 عصر)hsdn نوشته است: این خط کد را در فایل Css خودتون اضافه کنید.
آدرس عکس را درقسمت مشخص شده اضافه کنید.
کد:
        body{
        background:no-repeat url(آدرس عکس);
        }
نمیدونم چرا بخش کد های من راست چین شده اینطوری شد کد اون پنل بالا رو هم درمورد راست چین یا چپ چین شدن میزنم عمل نمیکنه ومشکل حل نمیشه
#5
کد:
        body{
        background:no-repeat url('http://www.gigpars.com/upload/9v_7.jpg');
        }

اگر هم رنگ بخاین
کد:
        body{
        background:کد رنگ;
        }
آریاگراف
اولین و بهترین سایت کاملا ایرانی ارائه فایل و آموزش گرافیک خواهیم بود!
#6
خواهش میکنم
بفرمایید
کد:
<html>
<head>
</script>
<title><-BlogAndPostTitle-></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="<-BlogAndPostTitle->,<-BlogId->">
<META NAME="description" CONTENT="<-BlogAndPostTitle-> - <-BlogDescription->">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<meta name="GENERATOR" conatent="BlogFa.com">
</script>
<center><br>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>

</div>

<style type="text/css">
#navbar-iframe {
display: none;
}

body {

background:url(http://www.gigpars.com/upload/9v_7.jpg);
background-attachment:fixed;
font-family: trebuchet ms;
font-size: 11px;
text-align: left;
}


::-webkit-scrollbar {
height:8px;
width: 8px;
background:#fff;
}
::-webkit-scrollbar-thumb {
background-color:#000;
-moz-border-radius: 10px;
border-radius: 10px;
}
::-moz-selection {
background:#fff;
color:#000;
}
::selection {
background:#fff;
color:#000;
}
::-moz-selection {
background:transparent;color:#000;
text-shadow: 2px 2px 3px #000;
}
::selection {
background:transparent;color:#000;
text-shadow: 2px 2px 3px #000;
}

a:link, a:visited {
color: #000;
text-decoration: none;
}

a:hover{
text-decoration: none;
border-bottom:1px dotted #000;
}

.CSMA {font-size: 13px;
width:150px;direction: rtl; filter:alpha(opacity=20);background-color: #fef457;border:5px solid #fef457; border-radius: 20px;
}


.Content{background:#fff url() repeat right;float:right;width:450px;text-align:center;overflow:hidden;filter:alpha(opacity=65);box-shadow:0px 0px 9px 3px #; background-color: #fff;border:1px solid #2ca2cd; border-radius: 5px;

}

.Sidebar{line-height: 150%;width: 160px;float: left;padding:5px;text-align: left;direction: rtl; filter:alpha(opacity=65)box-shadow:0px 0px 9px 3px #; background-color: #fff;border:1px solid #2ca2cd; border-radius: 5px;


}



.posttitle {
font-size: 10px;
width:430px;direction: rtl; filter:alpha(opacity=20);background-color: #ed9a3e;border:5px solid #ed9a3e; border-radius: 20px;
}


a.navigate {
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
color:#000;
font-family: 'smiley monster', cursive;
font-size:12px;
border: 1px dashed #000;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:0.5s;
}
a.navigate:hover {
margin-top: 8px;
margin-bottom: 8px;
padding-right: 10px;
-webkit-transition: 0.5s;
}
.sec-title {
font-family: Trebuchet MS;
font-size:11px;
width: 340px;
margin-top: -2px;
border-top: 5px double #000;
border-bottom: 5px double #000;
line-height:20px;
color: #000;
margin-left: 160px;
text-align: center;
}

blockquote {
border: 1px dotted #000;
padding: 8px;
}

u {
text-decoration: none;
border-bottom: 1px Dashed #000;
}



</style>

<script  language="javascript">
  function GetBC(lngPostid)
   {
       intTimeZone=<-BlogTimeZone->;
       strBlogId="<-BlogId->";
       intCount=-1;
       strResult="";
       try {
     for (i=0;i<BlogComments.length;i+=2)
     {
          if (BlogComments[i]==lngPostid)
          intCount=BlogComments[i+1] ;
     }
           }  catch( e) {
           }
    if ( intCount==-1)  strResult="CM";
    if ( intCount==0)  strResult="CM";
    if ( intCount==1)  strResult="CM";
    if ( intCount>1)  strResult=intCount + "CM" ;
 
  strUrl="/comments/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
  strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no​​​?? ,width=500px,height=500px')\" >" +  strResult + " </a>" ;

  document.write ( strResult ) ;
 }
 
 function OpenLD()
{
  window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
  return true;
}

</script>

</head>


<table style="font-size: 11px; color: #000; line-height: 17px;background:#; border-radius:20px;" width="665" align="center" border="0" cellspacing="8">
<tbody><tr>


<td valign="top" style="width:500px; padding-right:1px;">

    
<img border="0" src="http://upcity.ir/images2/89063185253821998630.png" width="665" alt="">

<div style="height:100%">
<div class="Content">

<BLOGFA>

<div class="post-title"><BlogItemTitle></BlogPostTags></BlogItemTitle></div>
<center>
    <a name="<-PostId->"></a>
        <center>
    <div class="posttitle"><a href="<-PostLink->"><-PostTitle-></a></div>
    <div class="postbody" ><-PostContent-><BlogPostTagsBlock>تگ ها : <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTagsBlock><BlogExtendedPost><br><a href="<-PostLink->">ادامه مطلب</a></BlogExtendedPost></div>
    <div class="postdesc">
        <a  href="<-PostLink->" >+</a>
        /  <-PostDate->/  <-PostTime->  /  <-PostAuthor->  
        <BlogComment>
         /  
         <span dir="rtl" >
         <script type="text/javascript">GetBC(<-PostId->);</script>
         </span>
        </BlogComment>
     </div>
  <hr width="70%" size="2" color="#000" align="center" >

    </BLOGFA></center>

<center><BlogNextAndPreviousBlock>
<div style="width:100%">
<BlogPreviousPageBlock>
<div style="width:100%;float:center"><a href="<-BlogPreviousPageLink->">New Post</a></div>
</BlogPreviousPageBlock><br>
<BlogNextPageBlock>
<div style="width:100%;float:center;text-align:center"><a href="<-BlogNextPageLink->">Old Post</a></div>
</BlogNextPageBlock>
</div>
</BlogNextAndPreviousBlock>

</div>

<div style="padding-left:17px;padding-top:5px">
    <div class="Sidebar">


<center>

<div class="BlogTitle" dir="rtl" align="center"><font color="#000" face="tahoma" size="2"><-BlogTitle-></font></div>

<div class="BlogSubTitle" dir="rtl"  align="center"><font color="#000" face="tahoma" size="1"><-BlogDescription-></div>


<br>
<div class="CSMA">MENU</div><br>

<a class="link" href="/">HOME</a><br><br>

<a class="link" href="/profile/">PROFILE</a><br><br>

<a class="link" href="/archive/">ARCHIVE</a><br><br>

<a class="link" href="http://csma-theme.blogfa.com/">THEME</a><br>

<br>
<div class="CSMA">ABOUT ME</div><br>

        <BlogProfile>
            <div style="padding-bottom:7px;text-align: right"  >
           <BlogPhoto>
               <div style="padding-bottom:7px;text-align:center" >
               <img src="<-BlogPhotoLink->" >
               </div>
           </BlogPhoto>
          <-BlogAbout->
          </div>
       </BlogProfile>


        <BlogLinkDumpBlock>
<br>
    
<div class="CSMA">DELIY LINK</div>


<BlogLinkDump><br><a target="_blank" rel="nofollow" href="<-LinkUrl->" title="<-LinkDescription->"><-LinkTitle-></a></li></BlogLinkDump>
                
<br>

</BlogLinkDumpBlock>

<br>
    <div class="CSMA">LINK</div><br>
        
    <BlogLinks>
            <a href="<-LinkUrl->" target="_blank" rel="nofollow"><-LinkTitle-></a><br>
        </BlogLinks>
    
         <br>

<div class="CSMA">OTHER</div><br>

  <script language="javascript" type="text/javascript"          
  src=""></script>


  <div align="center"> <-BlogCustomHtml->    </div>
    
<BlogCategoriesBlock>
<center><br>
<div class="CSMA">CATEGORY</div>

<BlogCategories><br><a href="<-CategoryLink->"><-CategoryName-></a></li></BlogCategories>
</ul>
</div>
</BlogCategoriesBlock>
<center>


<p></div>


</td></tr></tbody></table>


</div>
</body>
</html>

درمورد این عکس بهتره ازاین خاصیت
کد:
no-repeat
 استفاده نکنید چون عکس کوچیکه وحالت تکراری داره مشکلی ایجاد نمیکنه وخود رو باصفحه پرمیکنه با عکس هایی که اگر تکرارشوند جلوه خوبی نمیده به سایت ازاین خاصیت باید استفاده بشه.
درضمن این  قالب از فایل Cssداخلی استفاده میکنه واین اصلا خوب نیست
 سپاس شده توسط khadem
موضوع بسته شده است 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان