問題タブ [squarespace]

Squarespace を使用して構築しているサイトで、FAQ ページ/質問がどのように表示されるかがとても気に入っています。唯一の問題は、この構造が原因で、メイン ナビゲーションの [FAQ] タブにカーソルを合わせると、扱いにくいドロップダウン メニューが表示されることです。

ここにリンクがあります: http://www.officialjerky.com/faq-1/

別のFAQページに固定リンクを設定することは確かに可能ですが、ページの構造を維持してドロップダウンを取り除くことを可能にする解決策があることも確信しています. おそらく、ドロップダウンを非表示にするカスタム CSS のビットでしょうか?

ドロップダウンのアイテム間の間隔を変更する方法を尋ねる同様のヘルプ スレッドがあり、カスタム CSS 入力ソリューションは次のとおりです。}。

ガイダンスや入力は本当に役に立ちます。ありがとう。

最近、Squarespace で d3.js ビジュアライゼーションを実装する方法を詳しく説明している2つのブログ投稿 ( 1、2 ) に出会いました。インタラクティブなネットワーク ビジュアライゼーションを自分の Squarespace サイトにアップロードすることに興味があったので、これらの各ブログ投稿の指示に従ってみましたが、ビジュアライゼーションが表示されないようです。

これが私のワークフローの簡単な説明です。まず、Neal Caren のサイトの指示に従ってデータをダウンロードし、Python の networkx パッケージ用の d3_j3 プラグインを使用して共引用ネットワークの視覚化を作成しました。そのサイトのテスト データに対してそのサイトのスクリプトを実行すると、cites.js ファイル、cites.json ファイル、cites.html ファイルが生成され、これらの各ファイルがサブディレクトリ d3 を含むディレクトリに配置されます。 d3.js、d3.geom.js、d3.layout.js、force.css があります。cites.html ファイルをダブルクリックすると、目的の Viz がブラウザー ウィンドウに表示されます。（これは、 zip形式の前述のディレクトリです。）

問題は、ビジュアライゼーションを Squarespace にロードできないように見えることです。Toke Frello のブログ投稿に従って、cites.js ファイルの 5 行目を次のように変更しました。

var vis = d3.select(".sqs-block-content")

次に、そのファイルの 10 行目を次のように変更しました。

d3.json("/s/cites.json", function(json) {

(変更後のファイルはこちらです。)次に、d3.js を cites.js、cites.json、d3geom.js、d3layout.js と共に、サイトの /s/ ディレクトリにアップロードし、Blog に移動しました。 > 高度な --> 投稿ブログ アイテム コード インジェクションと挿入:

<script src="/s/d3.js"></script>.

最後に、私は自分のブログにアクセスし、古いページに新しいコード ブロックを作成し、ドロップダウン メニューを使用してブロックを html コードとして識別し、次のように入力しました。

ページを保存してブラウザーで表示しようとしましたが、Viz が表示されるはずの場所に大きな白い四角形しか表示されません。ビジュアライゼーションを表示させるための手順について誰かが洞察を提供できる場合は、非常に感謝しています。

PS Squarespace は、自動的に d3.geom.js を d3geom.js に名前変更し、d3.layout.js を d3layout.js に自動的に名前変更しました。この名前の変更を防ぐことはできないようです。

CSSで作成されたSquarespaceのボタンと、ページの説明のリンクを中央に配置しようとしています。

This Squarespace Questionで提供されているコードを使用しました。ボタンを完全に取得しますが、最終的には本当に歪んでしまいます.. link

madebybump.com のような他のマーキーの例のように、ボタン (ページの説明リンク) を画面の中央に動的に配置するために使用できるコードを知っている人はいますか?

Margins、padding、および position: block を試しましたが、いずれも機能せず、CSS エディターでグレーアウトしてしまいます。

ありがとう！！

Squarespace 6 ページの 1 つにアコーディオン ウィジェットを組み込む方法を見つけようとしています。基本的に、ここにどのように配置されているかのように: http://jqueryui.com/accordion/

ただし、Squarespace では JQuery が機能しない場合があります。代わりに CSS でできることはありますか?

前もって感謝します。

Squarespace で Devlin テンプレートを使用しています。

ブラウザのサイズが小さい場合、レスポンシブ デザインに問題があることがわかりました。バナー画像の幅が 1250px で、縮小されたブラウザー サイズで画像の左右に情報があります。応答性は、私のコンテンツのレイアウトにも悪影響を及ぼしています。

テンプレートの応答性を無効にする CSS コードを手伝ってくれる人はいますか? 他の提案は大歓迎です。

Squarespace を使用して、3 つのタブを持つタブビューを作成しています。それぞれに、さまざまなブログからいくつかのコンテンツをロードする Squarespace ブロックが含まれています。唯一の問題は、ページのサイズが変更されると、非表示のブロックが正しく動作しないことです。現在表示されているブロックは正常に機能し、必要に応じてサイズが変更されますが、他のブロックをクリックすると、それらはすべてファンキーで不適切なサイズになります。

これが私のタブコードです：

window.resize のイベント、または Squarespace の ImageLoader 関数 (一番下の YUI ですが、効果はありません) で修正できると思いましたが、うまくいきませんでした。ライブ サイトは fbc-monterey.squarespace.com です。

YUI を使用している正方形のサイトで作業しています。ページが更新されるたびに、異なる YUI ID が生成されます。これは素晴らしいことですが、私のチームの誰かが、無数のスタイルシートでスタイル設定のために ID をごちゃごちゃにして使用しています。ID は毎回異なる方法で生成されるため、これが実際のサイトに影響しないことはわかっていますが、潜在的なリスクを理解したいと考えています。同じ YUI ID が 2 回生成される可能性はありますか? それらはどのように生成されていますか？それらが日付/時刻に大きく基づいている場合、リスクはほとんどなく、YUI ID を呼び出すこれらすべての価値のないスタイルを探し出すことについて本当に心配する必要はないと私は考えています.

また、私は単純に興味があります。ありがとう、