[活動]《我的包包,裝我的旅行》今年暑假,送你去度假!(8/28 得獎名單公佈)[公告] 豐掌櫃《超級吸金王》活動賽況排行及得獎名單 (8/16第四批名單公佈)[公告] 即日起,MIB也能變購物金囉![公告] 豐掌櫃《最佳銷售王》賽況排行 (6/15 得獎名單公佈)[公告] 痞客邦 PIXNET MIB(MONEY IN BLOG)部落格廣告分潤計劃申請流程調整

今天還有件開心的事,

三小在露天拍賣的商品.........居然有了第一位人客!!

yeah!!!!!

 

(尉~大哥,在右手邊下面.......對拉下去,有我露天的連結啦)

^^

而且我終於知道要怎樣把字變大變小,變顏色、加圖圖等等.............

以下三小就現學現賣,教一些新手必知的基本撇歩:

 

1. 改字大小與顏色

描述文字都是一樣的大小,就會覺得很遜........然後露天裡面又沒分行,所以字字都會粘在一起!

這時候就要用這些html語法:

<font size= +1 color= "FFCCDD"> 大大吃飯不用錢 </font>

這樣的話中間的字就會有變化喔!

這個html語法直接打在露天,寫商品文字敘述的地方就可以了(很方便喔)

就是下圖的白色框框的地方:

要注意點選"文字模式(原始碼)",這樣寫html程式才會出現成果喔。

 

* 注意一定要有< >,因為這是html語法的代表,

font size 是文字大小,後面的數字可以用+1、-1、+2等等,意思就是比現在大一號、小一號、以此類推。

color決定字體顏色,需要使用16位元的顏色表。可以上 http://user.infor.org/~ohb/colorcode.htm  這邊去找你喜歡的顏色,注意會有6個字喔,如黑色就是"000000" 6 ㄍ零。或者在photoshop裡,也可以找到妳喜歡的色碼。

每個<font>要加上</font>才是完整的!

然後你也可以用很多層的不同顏色大小的字型,

如:

<font size= +1 color ="000000"> 我很笨 </font>

<font size = -1 color= "336699"> 我是你霸霸 </font>

這樣就會有兩種不同的字喔![字大小和顏色都不一樣]

還有

<b> 

就是粗體,這也很好用~

不想粗體了就打 </b>

 

2. 空行與對齊

要空一行就打 <br> 這個不用</br>喔!

只要在想空行的地方後面打<br>就可以囉~

如:

想大變耶 <br><br> 你知道嗎 <Br> 1234

就會變成:

想大變耶

 

你知道嗎

1234

===========================

好啦......那如果要字靠中對齊的話,就打

<center> 這裡包想在中間的東西 </center>

 

3. 加圖圖

在內文中要加一些可愛圖圖增加人氣時,請使用:

<img src="xxx.jpg">

這種語法。

最好是把圖放到露天圖庫後,妳先點選圖,然後按右鍵選複製圖片網址,

然後再貼到 img src= 的後面:

<img src="http://shjkdhfjkshjkhjdkf.com/sjkld.gif">

降子的話.......嘿嘿嘿

就會有圖片囉!!!

 

好啦,這真的是給新手看的......希望我寫的算淺顯。

ccccccc

 

===================[ 三小後記 ]=======================

後來發現露天已經改進,可以直接點字體顏色等等了......真是的,早點推出嘛!!!

露天說明圖.jpg  

上面圈起來的部份在 IE 或 Maxthon 的瀏覽器才會出現喔~ (換言之如果是 firefox 或 google chrome 會無法編輯文字, 只能用三小上面教的html 語法, 麻煩一點但還是可以改的啦)

想加更多圖片(一般只能加3張)的捧遊,可以參考上面的第三點,只要會語法的話就可以加更多圖片囉~

 

延伸閱讀:

完整取代IE的瀏覽器:MAXTHON

Posted by tongolele at 痞客邦 PIXNET Guestbook(37) 引用(0) 人氣()


open trackbacks list Trackbacks (0)

留言列表 (37)

Post Comment
  • hazawe
  • 咈咈咈~看到那些商品....不禁猜想三小的年紀.....XD
  • =.=...............這是蛇ㄇ意思呀?...............

    tongolele replied in 2009/04/27 14:55

  • suney
  • 露天設定問題

    你好
    我試著將你
    所寫的語法範例
    貼在

    物品說明裏面

    但出現的字 還是全黑
    沒變化
    不知什麼問題?

    可以教我嗎 ?
    謝謝


    <font size= +1 color= "FFCCDD"> 我的賣場 </font>


  • hi hi ^^ 當然可以教你啦~ 不過我最近發現露天已經進步了,如果是新增商品的話,它會有文字編輯器喔......就是不用自己寫,像部落格這樣很方便就可以改顏色跟字體變化了~

    但是!! 注意 它的編輯器只出現在windows的explorer,在firefox上看不到! (所以你可以用IE開開看)

    關於你的問題,
    你可以看看我的例子:
    http://goods.ruten.com.tw/item/show?11080727414331

    比方說是這個鞋子的廣告,
    我全部的語法是:



    " rel="nofollow">http://uimg.ruten.com.tw/pic/store/tongolele/31818a91-d115-67c8-0394-000035606a05.gif">




    沒穿出門
    過的可愛涼鞋喔!


    幾近全新!!


    上面的藍色花花是真皮製作,下面是麻的巴厘島風~

    去年買的ㄅㄟ.


    尺寸37~37半(應該是37半的鞋,但我是37號也可以穿的),適合不懼怕高跟的美眉使用 ^^!!






    " rel="nofollow">http://uimg.ruten.com.tw/pic/store/tongolele/214b1e76-4ffd-dec8-8bd8-00007a75be1e.gif">


    裡面對於字顏色的變化我是用:
    鞋鞋
    ok 雖然我記得傳統的做法是要加引號(" "),但是其實不加引號也沒關係~
    你看不出來變化的話,可以改誇張一點, 如:
    三小啦

    先試試看歐.........

    tongolele replied in 2009/07/31 12:45

  • kk
  • 厲害的大大,
    您真是我的救星啊...
    正在為上架露天編輯所苦惱.找遍一大堆相關教學就是有看沒有懂.
    明明看到別站上架教學有編輯器的,我卻怎麼看都看不到.
    原來...原來...大大啊...我真是太感謝您了.
    您的一句話提醒了我.我就是用firefox啦,難怪怎麼也看不到!!!
    感恩~~感恩吶~~~
  • 別這樣說啦 (羞~)

    雖然我也很愛firefox.......但總有一些網頁都只設計給IE......小狐狐加油吧!

    tongolele replied in 2009/08/28 12:15

  • lin
  • 謝謝唷,終於解決我上架的問題
  • ^o^ cccccccccc~ 可以幫到忙我也很開心的啦~~~~

    tongolele replied in 2010/08/25 17:11

  • 訪客
  • 色表消失了
  • 還在喔, 我剛上去看了, 記得要切換成 IE 或 MAXTHON 的瀏覽器. ^^

    tongolele replied in 2012/01/30 11:02

  • Private Comment
  • yo~~~
  • 太感謝大大拉~~~~ 我就是在找這種文章

    感激不盡
  • 謝謝你~~~~

    我很高興能有點用處D~ ^^

    tongolele replied in 2012/08/28 18:13

  • 訪客
  • 編輯後看到字全黏在一起 還真是昏倒 謝謝你的分享~
  • 不客氣喔~~ ^o^ 初心初心~~!!

    tongolele replied in 2012/09/28 11:32

  • redalteration
  • 剛剛想貼圖 我的Google Chrome瀏覽器看不到工具列 還好你的網誌幫了我一個大忙唷:)
  • 嘿 不用客氣啦~~~ 這一切都是露天設計不良吧......哈哈哈哈
    不過介面好像比奇集集好點~

    tongolele replied in 2012/11/16 09:10

  • Avi
  • 讚啦^^ 謝謝大大的分享!! 終於啊...
  • 謝謝你來逛啊~~ ^o^

    tongolele replied in 2012/11/16 09:11

  • 訪客
  • 真是太謝謝你啦!!!我終於懂啦!!!
    大大大大感謝分享
  • ^^ 雙手合十~~~

    tongolele replied in 2013/01/06 15:05

  • Vida
  • 這篇文章可以幫助到很多人呢!推推

  • 真的嗎??(害羞) 好高興喔~~~~ !!! 謝謝你~~~ ^3^

    tongolele replied in 2013/04/11 17:13

  • 訪客
  • 很受用喔.........
  • YA!!! ^o^ 有空再來玩喔~

    tongolele replied in 2013/06/18 11:44

  • 訪客
  • 你好呀 我依照你的方法 不知道為什麼圖片都無法顯示 囧.......
    圖片也縮到不是很大(大約286kb,尺寸約650*550左右)

    請問你是把語法貼在最下面"更多說明"裡面嗎
    我貼在裡面都不行壓....

    我如果點跑不出來的小圖案右鍵 在新視窗開啟 就又看的到= =
    請問你知道這怎麼處理嗎? 謝謝
  • hello~~~ 可以的話, 把你的語法po在這邊, 讓我幫你看看好嗎?

    tongolele replied in 2013/07/08 18:39

  • azsx3733025
  • 要用更多圖片都跑不出來
    都只有顯示網址
  • hiiiiiiiiiii~~~

    基本加圖片的html語法是這個:
    " rel="nofollow">http://shjkdhfjkshjkhjdkf.com/sjkld.gif">

    後面的網址是你的圖片在網路上的位置(如露天圖庫).
    所以你要先確認--
    1. 圖片有確實上傳到網路
    2. 網址沒打錯

    基本上應該都可以有多張圖片喔~~ ^^

    tongolele replied in 2013/07/19 11:54

  • 訪客
  • 我照你的方法用
    有圖 但是都很小張
    不知道問題出在哪裡> <
  • hello~~ 因為如果你是上傳到露天圖庫的話........就要注意了........! 它有尺寸的限制(800 x 800 px), 如果你的圖片太長會被縮很小......... 但如果在這個尺寸範圍內,出現的圖是ok的.

    但你也可以選擇:
    1. 上傳到picasa 相簿等其它好用的空間
    2. 用語法控制圖片大小
    http://www.skldf.com/sjkld.jpg" width=600 height=800>
    這樣去控制~
    width = 寬
    height = 長

    加油喔~~

    tongolele replied in 2013/07/19 12:05

  • 小婦人
  • 謝謝你的教學
    幫了很大的忙!

  • ^o^ 很高興能幫一點忙~~ 其實就是一些簡單的html而已啦,,,,,呵呵~ (抓頭)

    tongolele replied in 2013/09/11 11:58

  • Dan Shi
  • 妳好!請問我的語法出了什麼問題?!我用google 瀏覽器開露天拍賣 完全無法顯示是為什麼?!在IE就可以顯示
    <p ALIGN=center><a HREF=http://www.facebook.com/myhousing target=new><img SRC=http://i1210.photobucket.com/albums/cc406/my_house_fun/96426bc4.jpg WIDTH=600 HEIGHT=192> </a><a HREF=http://www.facebook.com/myhousing target=new><img SRC=http://i1210.photobucket.com/albums/cc406/my_house_fun/74c85a1a.gif WIDTH=600 HEIGHT=97> </a><br><br><br><br>
    <p ALIGN=left><font COLOR=#00007f><strong>注意事項</strong> </font>
    <p ALIGN=left><font COLOR=#00007f>1.請詳閱賣家的<strong><font COLOR=#ff0000>關於我</font></strong>。<br>2.圖片顏色因螢幕設定不同會有色差,以實際商品顏色為準。 <br>3.提供來店看樣服務,顏色質感更清晰。 <br>4.除非有瑕疵,否則不接受退貨。 <br>5.如有疑問或需要幫忙找產品,請在問與答發問或來電洽詢。<br></font><br><br>
  • hiiiiiiiiiiiiiiiiii~~~~

    我幫你試了一下, 成果在: http://goods.ruten.com.tw/item/show?21309111904236

    用不同瀏覽器都可以看到, 沒問題! ^^

    語法是:

    http://www.facebook.com/myhousing" target=new>http://i1210.photobucket.com/albums/cc406/my_house_fun/96426bc4.jpg" width=600 height=192>



    http://www.facebook.com/myhousing" target=new>http://i1210.photobucket.com/albums/cc406/my_house_fun/74c85a1a.gif" width=600 height=97>





    注意事項

    1.請詳閱賣家的 關於我
    2.圖片顏色因螢幕設定不同會有色差,以實際商品顏色為準。
    3.提供來店看樣服務,顏色質感更清晰。
    4.除非有瑕疵,否則不接受退貨。
    5.如有疑問或需要幫忙找產品,請在問與答發問或來電洽詢。


    tongolele replied in 2013/09/11 13:49

  • 訪客
  • 您好:
    請問您知道 若是把小圖放在商品敘述左邊要怎麼用 ?
    我剛剛嘗試把圖放在左邊,不過圖右邊就無法打字了
    (我看到別的賣場 能打出來 猜想是用了語法...)
  • hi hi~~ 應該是用了table(表格)的語法, 您可以參考這邊:
    http://www.powmo.com/#b15

    也就是做一個格線透明的表格,然後把圖放在左邊格, 右邊格放字.
    如:




    http://sssssssssssssssss.jpg"> 這張圖是說有個人踩到某碗魯肉飯跌倒了......


    類似這樣, 字會在圖右邊.

    tongolele replied in 2013/11/20 23:01

  • 樂蒂
  • 您好~看到您PO的這個.真的我的大救星~
    但是我依照上面的語法寫.可是圖片都出不來
    我是用google chrom
    只有顯示小小的圖片圖示.對的小圖示另存新檔.可以看到我的圖檔
    但是在網頁上.都顯示不出來
    我的語法:
    <p><img src="http://mybid.ruten.com.tw/upload/viewimage.php?img=http%3A%2F%2Fuimg.ruten.com.tw%2Fpic%2Fphoto%2Fa%2Fm%2Fameelo62630%2F572f0c47-2504-db09-1b42-00001c819638.jpg" border="0" /></p>

    border="0" 這個是存檔後.自己出現的~
  • hi hi~~ sorry 我最近比較少上網, 我看了一下您好像多了一個 / (在border="0"後面)

    有時候不小心多一個小符號就會影響..........

    應該是這樣:

    http://mybid.ruten.com.tw/upload/viewimage.php?img=http%3A%2F%2Fuimg.ruten.com.tw%2Fpic%2Fphoto%2Fa%2Fm%2Fameelo62630%2F572f0c47-2504-db09-1b42-00001c819638.jpg" border="0" >

    tongolele replied in 2013/11/20 22:55

  • soeasy121
  • 三小佛心來著!!!感恩再感恩!!!

  • 不會啦~~ ^o^ 很高興大家看得懂我的ㄅㄅ文~

    tongolele replied in 2013/11/20 23:02

  • 小妹~
  • 請教一下,我是要拍露天拍賣,可是照您以上操作,總是只多出一張圖....是不是要多加另一圖時,要加什麼語法呢?謝謝您~^^
  • hi hi~~~~ 您可以重複使用這個語法:
    http://sdjkds.sdklkfd.xxxx2.jpg">


    http://sdjkds.sdklkfd.xxxx33.jpg">


    http://sdjkds.sdklkfd.xxxx66.jpg">



    就可以有多張圖圖喔~^^ (
    是空行的意思)
    重點是要把圖片放到網路空間, 有網路http的位置連結就可以用這個語法新增到露天~
    希望有幫到您!

    tongolele replied in 2014/02/25 15:21

  • 喵喵玉
  • 您好....真的非常感謝你...
    自從看到你的分享後,終於會把賣場標題的字變色和空格了...超級開心的!
    另想請教您...
    除了放3張圖外,別的賣家放其他圖到〝露天拍賣&PCHOME支付連〞的LOGO下面
    是運用第3點嗎??
    真不好意思....因為我試了好幾次都只出現叉叉的小空格呢...(我有先放在露天圖庫)
    但還是沒有顯示圖片....>"<
    是要將您的第3點的網址直接放在〝物品說明〞裡??
    還是放在〝編輯圖片〞裡的來源呢??
    還是哪裡才對呢??
    ㄏ....不好意思....我是電腦白痴呢....再麻煩您指點我一下呢....^0^
    另外想請問,有的圖片是背景有顏色,上面是打商品介紹的...
    這該如何使用呢??
    不好意思....麻煩您了....萬分感謝唷!!

  • hi hi~~ ^o^ 謝謝你來玩喔....針對你的問題:

    1. 字體顏色和空格
    你可以用IE (windows 內建的瀏覽器) 或 Maxthon (另一種瀏覽器) 打開露天, 編輯商品的時候頁面上會有工具可以直接改字體顏色, 就不用寫html 程式了喔.

    2. 加圖在支付連Logo下面
    沒錯的, 就是使用上面的第三點. 程式碼就直接寫在物品說明的框框裡. 如我上文最後的那張圖片白色框框. 可以點選"文字模式(原始碼)", 這樣就可以寫基本的html程式碼, 也就是第三點教的部分. ^^ 還跑不出來的話, 可以把程式碼po在這邊讓我看看.

    基本上專業的商家的圖片都會先在photoshop裡做好, 排版好再上傳, 這樣不僅背景有顏色, 還會有很多可愛的字體.

    tongolele replied in 2014/03/01 17:02

  • Private Comment
  • 喵喵玉
  • 您好....
    非常感謝您唷...真不好意思...最近小朋友生病,太晚才回您...>"<
    真的很感謝您唷....^0^
    不過您回覆的第2點還是試不太出來說...真不好意思壓...
    而且我發現您上文最後的那張圖片白色框框. 可以點選"文字模式(原始碼)",
    跟我頁面顯示出來的不一樣說... >"<...我是IE瀏覽器
    最前面是顯示<>的符號....他指示這個是原始碼
    我有用第3點試過....但只顯示出一個叉叉沒有圖片說....
    不好意思...可以再麻煩您幫我看一下嗎....
    我圖片是放在露天圖庫...
    http://mybid.ruten.com.tw/upload/viewimage.php?img=http%3A%2F%2Fuimg.ruten.com.tw%2Fpic%2Fphoto%2Fm%2Fi%2Fmimilovefifi%2F04906b20-12fd-c8c8-c3ea-000056a0aa97.jpg

    另外....我不知道程式碼的意思說....ㄏ...真抱歉壓...
    如果您有空再回我就好唷....
    萬分感謝...^0^
  • hi hi~~ 所謂的程式碼就是用< > 引號框起來的東西, 如:
    " rel="nofollow">http://mybid.ruten.com.tw/upload/viewimage.php?img=http%3A%2F%2Fuimg.ruten.com.tw%2Fpic%2Fphoto%2Fm%2Fi%2Fmimilovefifi%2F04906b20-12fd-c8c8-c3ea-000056a0aa97.jpg">



    這就是能讓你的圖片跑出來的程式碼喔~

    tongolele replied in 2014/03/06 21:38

  • 喵喵玉
  • 哈哈...真是非常感謝你的幫忙唷....^0^...祝你幸福平安...賺大錢唷...!!
  • 3qqqqq!!!! ^^

    tongolele replied in 2014/04/20 14:44

  • 妮妮
  • 可以請問下
    我的圖庫滿了所以我有在註冊幾個帳號放圖
    最近備用一號用完了 其他兩個帳號卻都不能順利傳圖
    重下載相簿精靈也是 都無法傳到新帳號的圖庫裡
    只有舊的能傳進去 有方法嗎?好著急希望能幫幫忙><
  • hi hi~~ 根據你的狀況,三小的建議是:
    1. 最好是以前賣出商品的圖片可以砍掉,節省網路空間的話, 一個圖庫很夠用喔~ ^o^
    2. 真正不夠用的話, 只要使用上述的語法
    不管圖片是不是在露天圖庫, 只要有網址, 都可以貼上喔~~ 加油~~~

    tongolele replied in 2014/04/20 14:58

  • 訪客
  • 露天關於我怎麼加圖片?
  • 只要進入"編輯", 就有工具欄可以加圖片喔~ (在"字型大小"左邊) 3q~

    tongolele replied in 2014/05/17 08:59

  • 訪客
  • 謝謝你~
  • 不客氣喔! ^^

    tongolele replied in 2014/11/18 12:07

  • 旺旺
  • 版主您好!謝謝你無私熱心的教學,幫助我許多,另外想請問您一個問題,就是編輯[關於我]當中,我將所有''關於我資訊''做成一張圖片已經上傳成功,但問題來了,我該如何將露天原本設定就有的''交易方式、付款方式、交貨方式''這些文字清空,只要留''更多說明''和我上傳那張''關於我資訊''圖片,希望您可以提供解決的方法,再三感恩!
  • hi hi~~~~ 先登入後......進入"我的拍賣"......."編輯關於我" (在左邊的menu, 交易設定下).....然後會出現''交易方式、付款方式、交貨方式, 更多說明" 可編輯的地方~

    只要把''交易方式、付款方式、交貨方式''後面都清空(點選---- 按"<---Backspace"), 就不會出現字喔~~~!!!

    還有問題的話我再po文好了~~ ^^

    tongolele replied in 2014/11/18 14:33

  • 李振華
  • 請問現在露天好想沒有HTML這個選項可以選~只剩插入編輯圖片~但我把原圖放在露天圖庫~在插入編輯圖片這輸入網址~為何我的圖很小~如果自己設定尺寸放大圖又變得很模糊~請賜教~感激不盡~
  • hi hi ~~~
    有喔, 首先你要用IE (藍色的e) 瀏覽器打開露天,然後html的選項就是"物品說明" 工具欄的左邊第一個喔,圖片在露天上傳的時候要注意最長邊要是800 pixel以下。因為太大的話它會自動幫你縮圖,那圖片後來看起來就會糊掉喔。
    我是比較喜歡用google出的免費picasa, 可以輕鬆修改圖片大小, 你可以試試看喔~ ^^

    tongolele replied in 2014/12/22 19:53

  • 李振華
  • 你也可加我FB~讓我有問題可以詢問你~謝謝
  • 好啊~~ 也歡迎來三小粉絲團問我喔~ 或在這邊也很ok. 我會的話,會盡力說明的~ ^^

    tongolele replied in 2014/12/22 19:54

  • mia
  • 想請問大大 想在露天上使用 點選圖片直接連結到 fb粉絲專頁,這樣的話語法該如何下了,我是使用 dw編輯的 謝謝您
  • hiiiiii~~~ 在dw的介面.......應該是就點那張圖片, 然後在下方的控制區.....找link之類的空格, 填入你的fb網頁這樣. 還是不清楚的話, 我下次再po圖文好了. 3q~

    tongolele replied in 2015/05/04 21:47

  • 日日健康館
  • 謝謝你的分享,對新手的我很實用
  • \(^o^)/ 3qqqqqqqqqqqqq!!!!!!!!!

    tongolele replied in 2015/07/23 14:57