RWD

  • 如何讓div高度自動調整到背景圖片大小?

    另一種可能效率低下的解決方案是將圖像包含在<img/>元素集下visibility: hidden;,然後<div>使background-image

    這會將<div>設置為<img/>元素中圖像的大小,但將其顯示使用的是背景。

  • FB紛絲專頁Page Plugin可以至Facebook Developers網站,將您的粉絲專頁網址貼上輸入欄位可取得程式碼,但當你將要製作一個Responsive web Design網站時,您將需要以下設定。

  • 在網頁上崁入YouTube iframe視頻時遇到了一個小問題,我需要在YouTube視頻大小取決於100%自動縮放,好使得我的網頁RWD設計能完整呈現。但是當我加入了嵌入代碼,視頻有一個固定的高度和寬度,你可能會認為設定CSS iframe width:100%寬度,視頻就會依照這樣設定,自動向周圍的容器調整,這好了!事實並非如此,寬度是可以100%自動縮放,但是高度就是沒辦法自動100%縮放。

  • Videobox是Joomla!2.5.X和3.x免費插件,也是使用lightbox播放影片的最佳Joomla Plugin,使您可以輕鬆在文章中插入視頻和音頻。它主要支持YouTube和Vimeo視頻,以及音樂從SoundCloud的,和HTML5支持的視頻和音頻格式。Videobox提供了許多方法來插入裡面的內容的視頻,以適應您的網站的需求。直接播放,您可以插入到視頻內容快速,輕鬆地,通過將視頻ID {videobox}標籤之間,就像這樣:

    {videobox}KKWTdo5YW_I{/videobox}

    Videobox的最大特點是lightbox顯示播放,它可以插入視頻,而無需犧牲了很大的空間,而不是全尺寸的視頻播放器,箱體顯示屏插入一個視頻縮略圖(可以選擇的標題),當點擊,視頻播放一個收藏夾內,使用lightbox彈跳視窗顯示撥放影片,並且支援自適應網頁設計Responsive

    如何將Videobox Lightbox設定使用在我的Joomla

    1. 安裝完畢在外掛管理中將videobox啟用