CSS

1/2ページ

Slickで作ったSliderで画像とdots間の大きな隙間を強引に解決した方法

Slickで作ったSliderで画像とdots間の大きな隙間を強引に解決した方法 今ドメイントップの作り変えを行ってまして、TOPページにsliderを置こうと。 で、簡単だからSlickでいいかなと思い作業をしたら、画像とページ送りのドットとの間に超でかい隙間が発生。 スマホで見ると隙間更にデカいし。 色々とスマートな方法探したのですが、解決に至らなかったので力業で解決しました。 まずは基本コー […]

画面サイズに合わせた長さで文章を省略したい overflowの調整

画面サイズに合わせた長さで文章を省略したい overflowの調整 今更ながらですが、文章の省略をしたいときってあります。 今回作成したパーツは会社のトピックス。 「○○入荷しました」とか、それくらいならいいのですが、コロナウィルスの影響など内容を長い文章で記載する事もあるわけです。 ちゃんと仕掛けていなかったので、テーブル内で折り返す折り返す。 Widthの値を固定すると画面ごとに調整する値の設 […]

CentOS7にLaravelを構成するまでの簡易マニュアル

CentOS7にLaravelを構成するまでの簡易マニュアル Dockerの上の構築に着手したため需要は半減しましたがメモとして記載します。 Dockerではなく、chef / puppet / ansible あたりを使うときにはこれをリストにして登録すれば使える様です。 CentOS7初期設定 ユーザーの追加 rootでログインした状態で [crayon-5fc73bdb4f249406510 […]

MYSQLに保存したHTMLを呼び出したらCSSが効かなかった理由

SQLに保存したHTMLを呼び出したらCSSが効かなかった理由 昨日に引き続き、MYSQLへのHTML保存とその呼出しについてです。 <br>や<div>などのタグが取り出せていない方は昨日の記事をご覧ください。 今回は、タグは取り出せて形成はできているのにCSSが効かないという事例についての備忘録です。 CSSに .img{max-width:100%;}を書いたのに画像 […]

CSS:テキストを折り返さず【…】で省略したい

CSS:テキストを折り返さず【…】で省略したい いつも忘れてしまうオーバーフローの処理です。 リストだから折り返さないで欲しい。そんな時は多々あります。 サイズ変わると見た目がね。 以前書いたことあるのですが「あれ?これで良かったよな」と思いながらできなかったので備忘録を記します。 正しいスクリプト CSS [crayon-5fc73bdb525f6134262779/] HTML [ […]

CSS:z-indexでプルダウンの重なりをコントロールする

重なりの上下をコントロール:z-index (CSS) ショップのヘッダーを変更しようと四苦八苦したため備忘録を記します。 四苦八苦の原因はリストの重なり。だって参考文献にしたサイトに間違いが書いてあったんだもん! はい、この備忘録は正しいものを記載しとくためのメモでございます。 z-indexの動作 cssにて指定します。 z-index:数字 この数字は小さいもから順に重ねられていきます。 つ […]

Laravel:PDFデータ作成が簡単にできるプラグイン

Laravelで領収書のPDF化を実装してみた だいぶ慣れてきたLaravel。せかっくなのでPDFの扱いもやってみようと実装してみました。 『Laravel PDF 作成』で検索しHITするツールを利用。 barryvdh/laravel-dompdf 困った問題もありましたが非常に簡単だったので備忘録に書き溜めます。 基本的な操作はPDF化したいURLを記載しコールするだけ [crayon-5 […]

EC-CUBE4:ページ限定スタイルシートの記載方法

EC-CUBE4でスタイルシートを書く方法 基本のスタイルシートはここにあります。  /EC-CUBEフォルダ/html/template/default/assets/css/style.css style.css を変更してしまうとページ全体が変わってしまいますが、このページだけ採用したいstyleってありますよね。 プライバシーポリシーでは<style>が書けない この備忘録を記 […]

EC-CUBE4:ヘッダーのカテゴリリストで表示崩れ発生

EC-CUBE4の標準Frameでカテゴリリストの挙動 店舗内カテゴリの登録を終え表示を確認したところ3階層以降のcategoryがプルダウン時に横並びになっていました。 文字数の少ないもの(例えば『鍋』とか)の表記で起こる事を確認。 これはCSSで制御できるだろうと思い場所を探したので備忘録に記します。 管理画面でのカテゴリコントロール箇所 表示されている情報は、管理画面上の『コンテンツ管理>ブ […]

セールステキストのテンプレートを考える

商品販売文テンプレート化のメリット 一番のメリットは作成スピードの向上です。何を記載するかが明確になる事でページ作成の悩みを大きく緩和できます。『テンプレ化+自動合成』で大きく時短が可能です。 自動化の目的 更新の容易さ リビルド(修正)の手軽さ 文字として記載する事でSEO対策 必要な情報の明確化 自店舗用のテストバージョンを作成して運用してみた結果、最も便利に感じたのが項目2のリビルドでした。 […]