調整和更改Weebly版面邊欄的大小寬窄方法及步驟 (How To Change The Fonts, Sizes, Width of Weebly Blogs and Side Bar)14/12/2013 You can customize Weebly Blog and the Blog Side Bar if you are a little comfortable with adding a few lines to main-style.css. Lets take the example of Custom-Blog from Informal Theme which has a few changes to the side bar and fonts.
This Weebly Blog page has a wider than normal side bar and a bigger font size for post title. To adjust the size of side bar, you need to add a couple of tags to main-style.css which can be accessed from Design –> Edit HTML/CSS. The tags .blog-sidebar and .column-blog define the width of side bar. For the Inform.al Theme, we chose a width of 250px for side bar and 235px for the contents in the side bar. If you choose a different width, change them proportionally. Maintain a 15px gap to keep the side bar contents separate. Add the following lines to main-style.css .blog-sidebar { width: 250px; } .column-blog { float: right; width: 235px; margin: 0; padding: 0; } 把下面這段 JavaScript 存到我的最愛：
javascript:(function(){var a=window;a.oncontextmenu=null;a.ondragstart=null;a.onselectstart=null;var b=document;b.oncontextmenu=null;b.ondragstart=null;b.onselectstart=null;var c=b.body;c.ondragstart=null;c.oncontextmenu=null;c.onselectstart=null;var d=a.jQuery;d&&d(a).unbind()&&d(b).unbind()&&d(c).unbind()})(); 以後遇到鎖滑鼠右鍵的網頁想解鎖，到我的最愛點一下就可以了！這個把 JavaScript 存在我的最愛的小技巧有個專有名詞叫 Bookmarklet 。 Firefox 外的瀏覽器也可以用網址列執行 JavaScript 的方式。把上面這段 JavaScript 複製貼上到網址列，按 ENTER 執行。 IE9 以上和 Chrome 複製貼上到網址列會將開頭的 javascript: 去掉，請自行將 javascript: 打回。 滾動字幕會讓很多人感到興奮，特別是第一次使用滾動字幕時，會愛不釋手。滾動字幕我也做得不少了，對它也不會興奮了，所以現在也用得不多了。有不少朋友常問到這是怎麼做的，現在做一個詳細的專題，讓你更全面地了解一下。
滾動字幕在FrontPage的組件裡有，但是FrontPage這個軟件只能支持單行文字，一出現多行文字它就無能為力了，而且它只能支持一行滾動！ (如果出現只能滾動一行的情況，解決辦法是把這段代碼嵌入到JavaScript的document.write裡面，請看下面例d的詳細說明)Dreamweaver也只能用編寫HTML代碼的方法。所以強烈建議用記事本打開網頁源代碼來編輯。 1.建立第一個滾動字幕。代碼： <marquee scrollAmount=2 width=300>廣州正佳網站建設公司專業的網頁設計網絡營銷服務提供商</marquee> 效果如： 廣州正佳網站建設公司專業的網頁設計網絡營銷服務提供商 2.各參數詳解： 現在可以連上互聯網的裝置越來越多，而且各個裝置的闊度也有所不同，在設計網站時經常要為不同闊度作出調整。
針對這個問題，我們可以透過viewport及media-query來修正網站的顯示方式。 viewport的應用方式 現時大多數的裝置都會將網站的闊度預設為980px，也就是說如果你的網站闊度大於或少於980px，將會無法完整地顯示整個網站。 在這個情況下，我們需要透過viewport來告訴裝置網站實質的闊度，例如我們的網站是720px，可以這樣設定viewport: <meta name="viewport" content="width=720"> 那麼裝置就會完整地顯示整個網站。 箭頭符號 : 上下左右的箭頭、風向、指南針符號
圖形符號 : 正方形、長方形、菱形和填色方塊的符號 三角符號 線段符號 : 單線框、雙線框 圓形符號 : 數學符號 計數符號 : 添加、 減去、 乘以和劃分的符號 單位符號 : 長度單位，溫度的單位，面積單位，攝氏、 華氏符號 縱使 Blogger 每篇文章的頁尾，我在 Template 中都有使用 CSS 列一個 Button 可以回到頁首，但近來在回味以前的文章與照片時，發覺部份文章都"落落長"，有時突然要返回頁首作其它瀏覽時，會發現有點不便(有點懶吧!)，雖然這只要用滑鼠去點、或去拉就能返回的事，甚至可以利用鍵盤上的 Home 與 End 來實現，但總覺得不夠即時性，剛剛試著在後台加入一段語法，讓版面右下角有個固定 icon 可以直接點回頁首，隨手就將它筆記下來，語法如下：(在設計/網頁元素/新增小工具/HTLM與JS 內加入) :
<a href="#" title="Top of this page"><img onmouseover="this.src='icon大圖位址'" src="icon小圖位址" onmouseout="this.src='icon小圖位址'"/></a> <div>
<b id="date"> <script > //若小于10，前置加0 function add_zero(i){ if(i<10){ i="0"+i; }; return i; } var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var month=new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); var d=new Date(); dInfo=d.getFullYear()+"年";//dInfo+=d.getFullYear()%100+" "; dInfo+=month[d.getMonth()]; dInfo+=d.getDate()+"日 "; dInfo+=week[d.getDay()]+" "; document.getElementById("date").innerHTML=dInfo; </script> |
|
